CSS布局(五) 网页布局方式
网页实质是块与块之间的位置,块挨着块,块嵌套块,块叠着块。 三种关系:相邻,嵌套,重叠 。 下面介绍网页布局的常用几种方式 1.一列布局: 一般都是固定的宽高,设置margin : 0 auto来水平居中,用于界面显著标题的展示等; .main { width : 200px ; height : 100px ; background-color : grey ; margin : 0 auto ; } <div class="main"></div> 2.两列布局: 说起两列布局,最常见的就是使用 float 来实现。float浮动布局的 缺点是浮动后会造成文本环绕等效果,以及需要及时 清除浮动 。 设置左左浮动,或设置左右浮动(这是需要确定父级元素的宽度) 如何父级元素没有设置高度,则需要设置overflow:hidden来清除浮动产生的影响 对于自己相邻元素清除浮动产生的影响用:clear:both; < div class ="main" > < div class ="left" > left </ div > < div class ="right" > right </ div > </ div > .main { width : 400px ; background : red ; overflow : hidden ; } .left {