CSS学习笔记:三种定位机制之二浮动

浮动

     可实现块级元素横向排版(横向多列布局)。

     通过设置float属性实现。

     float属性有三个属性值: left -左浮动 right-右浮动 none - 不浮动

     给元素设置了float属性后，元素会左移或右移，直至触碰到容器为止。即使元素设置了浮动，它仍旧处于标准文档流中。

     当元素没有设置宽度，而设置了float属性，那么元素显示的宽度会随内容的变化而变化。

     当元素设置了浮动属性后，会对其后紧邻的元素产生影响。

清除浮动的方法

   1.对受到浮动影响的元素设置clear属性,常用clear:both

   2.对受到影响的元素设置width:100%以及overflow:hidden

绝对定位