CSS学习笔记:横向两列布局(float、margin)

网页布局最常见的方式之一:横向两列布局

主要应用技能:

       float属性----使纵向排列的块级元素，横向排列

       margin属性--设置两列之间的间距

注意:当父包含块缩成一条时，使用clear:both无法清除浮动，此时应使用width:100% overflow:hidden。clear:both主要用于紧邻元素的浮动的清除。

         即当元素的浮动对其后紧邻的元素产生影响时，则后面的元素可使用clear:both来取消此影响。当元素的浮动对其父元素产生影响时，父元素可使用width:100% overflow:hidden来取消此浮动产生的影响。

         div块的高度一般不需要设置。