CSS中的定位和浮动！！！！！！！！！！！！！！！！！！！！！！！

html-css017

CSS中的定位和浮动！！！！！！！！！！！！！！！！！！！！！！！,第1张

定位与浮动是网页布局中用得最多的，它们的存在肯定有意义，浮动简单易理解，定义相对抽像，浮动实现不了的定位却能实现（比如把元素放到父级之外），看实际需要；

如果你觉得它们没有意义或者重复，那是因为你对它们理解得还不够深刻，建议多操作

absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。relative生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。static默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。这个熟悉了就知道用哪个了，比如有些div悬浮在上方，可能就需要fixed，也就是滚动条移动时不会改变与浏览器的位子，relative可能就要相对于父结点进行定位了一般都是相对定位的

4 种不同类型的定位。

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

relative：生成相对定位的元素，相对于其正常位置进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

fixed：元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。

absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。