-
包裹与破坏 --增强浮动的感性认知查看全部
-
两侧自适应： float+ table-cell或者inline-block 左侧div{float: left; margin-right:20px;} 右侧div /* 下面这个是固定布局写法 */ {display:table-cell; *display: inline-block; width:2000px; *width: auto;}查看全部
-
单侧固定----dom文档流与显示位置匹配 1，为不匹配型，头像定宽右浮动，内容margin-right； 2，为匹配型，先文档后图片：自适应外添加标签，宽度100%，左浮动，内嵌标签margin-right撑开间距，头像定宽左浮动，注意margin负值查看全部
-
单侧固定，另一侧自适应查看全部
-
clear通常应用形式 1.在塌陷的父元素底部插入具有clear：both声明的block水平元素；-缺陷：很多尸位素餐的div元素很讨厌 2.使用after在父元素底部生成一个具有clear：both声明的伪元素；--不识IE6/7查看全部
-
两种方法的差异： clear：与外界还有联系，例如会产生margin重叠的效果 BFC/haslayout（应用于父元素）:封闭，里面的声明不会对外界产生影响，例如float不会出现margin重叠，但也有缺陷，无法使用所有浏览器 代码例子在4-2查看全部
-
切勿滥用clearfix查看全部
-
浮动可以让元素block化，即可以改变元素的display属性查看全部
-
清除浮动（具体来说：清除浮动带来的影响）的两个方法： 第一种：浮动元素的底加入div 且设置clear:both;（本题中margin-top和margin-bottom会重叠） 第二种：在浮动元素的父元素上加入overflow: hidden;（本题父元素会将整个元素包裹起来，从而不会出现塌陷和重叠显现）查看全部
-
父元素添加 clearfix ， 且只能用在父级子元素上 不可以滥用 .clearfix:after{content:'';display:table;clear:both;} .clearfix{*zoom:1;}(为了兼容IE6/7)查看全部
-
BFC/haslayout通常声明查看全部
-
clear2种方法的不足之处查看全部
-
clear通常应用形式查看全部
-
清除浮动的方法差异图解查看全部
-
清除浮动查看全部
举报
0/150
提交
取消