zoukankan      html  css  js  c++  java
  • CSS定位和滚动条

    0805自我总结

    一.绝对定位

    position: absolute;

    /*绝对定位:
    1、定位属性值:absolute
    2、在页面中不再占位(浮起来了),就无法继承父级的宽度(必须自己自定义宽度)
    3、一旦定位后,定位的布局方位 top、bottom、left、right都能参与布局
    4、绝对定位的参考系是最近的定位父级(不是父级中的哪一点,而是四边参照四边)
    5、左右同时存在,取左;同理上下取上
    6、当父级定位了,子级参照父级定位,又可以重新获取父级宽度(也可以在计算中拿到父级高度)
    */
    

    position:fixed

    生成绝对定位的元素,相对于浏览器窗口进行定位。

    二.相对定位

    position: relative;

    父级(最近的一个父级)相对定位的目的

    1)不影响自身布局

    2)辅助自己绝对定位布局

    三默认定位

    position: static

    默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。

    四.继承定位

    position:inherit

    规定应该从父元素继承 position 属性的值。

    五.滚动条

    overflow

    • hidden:没有滚动条,且内容只有规定区域的内容.

    • visible:默认值没有滚动条,这个属性定义溢出元素内容区的内容会如何处理且显示.

    • scroll:这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条.

    • auto:显示滚动条,且内容只有规定区域的内容.

  • 相关阅读:
    spring对返回结果的拦截器
    mysql 8.0.15 的my.ini 配置
    利用apache 的PropertyUtilsBean 实现map和pojo相互转换
    给数字补0
    清空文件的内容 和 统计文件的大小的命令
    MySQL的replace函数的用法
    PHP Warning: Module 'modulename' already loaded in Unknown on line 0 的解决方法
    技术总监Sycx的故事
    编译PHP扩展的通用方法
    给大家推荐几本经典技术书籍
  • 原文地址:https://www.cnblogs.com/pythonywy/p/11305321.html
Copyright © 2011-2022 走看看