-
清除浮动查看全部
-
单侧固定查看全部
-
智能自适应尺寸查看全部
-
DOM与显示位置匹配的单侧固定布局查看全部
-
包裹性查看全部
-
BFC查看全部
-
破坏。。。。。查看全部
-
包裹。。。。。查看全部
-
buttons[index].style["cssFloat" in trigger.style? "cssFloat": "styleFloat"] = "left";查看全部
-
清除浮动查看全部
-
浮动的作用: 实质上是实现文字环绕效果 1、元素的block块状化(砖头化) 2、破坏性造成的紧密排列属性,去空白换行及去 空格特性(去空格化) float砌砖布局的缺点: 1、容错性比糟糕，容易出现问题； 2、这种布局需要元素固定尺寸，很难重复使用； 3、在低版本的IE下会有许多问题 所以尽量不要使用float码砖头查看全部
-
清除浮动（具体来说：清除浮动带来的影响）的两个方法： 第一种：浮动元素的底加入div 且设置clear:both;（本题中margin-top和margin-bottom会重叠） 第二种：在浮动元素的父元素上加入overflow: hidden;（本题父元素会将整个元素包裹起来，从而不会出现塌陷和重叠显现）查看全部
-
清除浮动的代码(只用在浮动元素的父级元素上，不得滥用！) .clearfix:after{content:"";display:block;height:0;overflow:hidden;clear:both;} .clearfix{*zoom:1} 更好的方法： clearfix:after{content:''; display：table； clear：both； } after伪元素用的是IE8以上的浏览器 IE6，7用的是*zoom:1 两种方法的差异： clear：与外界还有联系，例如会产生margin重叠的效果 BFC/haslayout（应用于父元素）:封闭，里面的声明不会对外界产生影响，例如float不会出现margin重叠，但也有缺陷，无法使用所有浏览器查看全部
-
浮动使父元素高度塌陷，不是bug而是标准！！ 浮动的原本作用仅仅是为了实现文字环绕效果。 浮动使父元素高度塌陷是标准，当父元素高度塌陷后，置于父元素下的元素没有限制会在空间允许的条件下浮动上来，这就是文字环绕图片的原因；或者是图片位于文字之间，图片的浮动会使其突破父元素向左或右浮动后文字拼接呈环绕效果（浮动的破坏性只是为了实现文字环绕效果）查看全部
-
float特性：包裹与破坏 float 包裹特性 {BFC（block formatting context-块状格式化上下文）} 1.收缩 2.坚挺 3.隔绝 具有包裹特性的其他属性 display:inlne-block table-cell position:absolute /fixed /sticky overflow:hidden/scroll 破坏（父级元素高度被破坏，高度塌陷）（浮动是魔鬼） 下面的属性也有破坏性 1. display: none 2. position: absolute（近亲）/fixed/sticky查看全部
举报
0/150
提交
取消