CSS定位和overflow

position属性对HTML元素进行定位。可以指定HTTML元素在页面中的显示位置。默认情况下没有定位。

fixed定位

使HTML元素固定显示在页面中，即使滚动条滚动也不改变位置。使用时需要留好元素之间的距离

div{position:fixed;}

relative定位

相对定位，相对于正常元素进行定位，即使位置改变原来占用的空间也不会改变

div{position:relative;}

absolute定位

绝对定位元素是相对于已经定位的元素进行定位，如果没有以定位的元素那么他的位置相对于html元素进行定位。

div{position:absolute;}

left、right、top、bottom

使用定位属性后，在页面中的具体位置可以使用left、right、top、bottom进行调整。left与right、top与bottom只会显示一个

div{position:absolute;    left:20px;    top:10px;}

z-index属性

设置元素的堆叠顺序。元素进行重叠后要使下面的元素在上面显示需要使用z-index。它的值可以是负数，这时元素会在最底层显示

div{z-index:1;}

overflow属性

用于控制内容溢出元素框时的显示方式。默认呈现在元素框之外。

hidden:溢出元素框部分不显示

scroll：添加滚动条，溢出部分可以滚动显示

auto：只有内容溢出时，才添加滚动条显示溢出部分

div{overflow:hidden;}

这篇好文章是转载于：学新通技术网