CSS定位和滚动条

0805自我总结

一.绝对定位

position: absolute;

/*绝对定位：
一、定位属性值：absolute
二、在页面中再也不占位(浮起来了)，就没法继承父级的宽度(必须本身自定义宽度)
三、一旦定位后，定位的布局方位 top、bottom、left、right都能参与布局
四、绝对定位的参考系是最近的定位父级(不是父级中的哪一点，而是四边参照四边)
五、左右同时存在，取左；同理上下取上
六、当父级定位了，子级参照父级定位，又能够从新获取父级宽度(也能够在计算中拿到父级高度)
*/

position:fixed

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

二.相对定位

position: relative;

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

1）不影响自身布局

2）辅助本身绝对定位布局

三默认定位

position: static

默认值。没有定位，元素出如今正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。

四.继承定位

position:inherit

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

五.滚动条

overflow

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

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

• scroll:这个属性定义溢出元素内容区的内容会如何处理。若是值为 scroll，不管是否须要，用户代理都会提供一种滚动机制。所以，有可能即便元素框中能够放下全部内容也会出现滚动条.

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