学习心得
不是每一个div都需要清楚浮动,在ff中凡是样式带有float或者position属性的div,
都会被认为是bai浮动层,这样的层在被父级div嵌套的时候是不会根据内容将父级撑开的,
为了让他既有float/position的效果还想根据内容撑开父级div,所以才会清除浮动。
1.如果是清除浮动元素对bai兄弟级元素的影响,则在浮动元素之后的第一个兄弟级元素上设置clear属性。
2.如果是清除浮动元素对父级元素的影响,则有多种方法,比较常见的方式有两种,一种是在父级元素当中添加一个空标签,然后为空标签设置clear: both; ;
另一种方法是为父级元素添加伪元素,用伪元素清除浮动。
css布局
一列布局:一般都是固定的宽高,设置margin : 0 auto来水平居中,用于界面显著标题的展示等
两列布局:最常见的就是使用float来实现。float浮动布局的缺点是浮动后会造成文本环绕等效果,以及需要及时清除浮动。
设置左左浮动,或设置左右浮动(这是需要确定父级元素的宽度)
如果父级元素没有设置高度,则需要设置overflow:hidden来清除浮动产生的影响
对于自己相邻元素产生的影响用:clear:both。

浙公网安备 33010602011771号