-
在写js操作css的过程中发现float属性在IE和firefox下对应的js脚本是不一样的，IE下对应得是 styleFloat，firefox,chorme,safari下对应的是cssFloat，可用in运算符去检测style是否包含此属性。查看全部
-
【CSS】【浮动的滥用】 ★浮动的影响： 1.元素block块状化（砖头化） 2.破坏性造成的紧密排列特性（去空格化） （其本质还是为了实现文字环绕效果) ★滥用浮动容易造成砌砖布局，砌砖布局的问题 1.容错性比较糟，容易出问题，错位 2.这种布局需要元素固定尺寸，很难重复使用 3.低版本IE下会有很多问题查看全部
-
【CSS】【清除浮动(带来的影响)】 方法一：在底部插入clear:both 1.HTML block水平元素放置于底部 <div ...></div> 2.CSS after伪元素在底部生成 .clearfix:after{} 方法二：父元素BFC(IE8+)或haslayout(IE6/IE7) float:left/right position:absolute/fixed overflow:hidden/scroll(IE7+) display:inline-block/table-cell(IE8+) width/height/zoom:1/...(IE7/IE7) ★由于以上两个方法各有缺点所以： 权衡后的策咯 .clearfix:after{content:''; display:block; height:0; overflow:hidden; clear:both;}(IE8+) .clearfix{*zoom:1;} (IE6/IE7) 或 .fix:after{} .fix{} ★更好的方法： .clearfix:after{content:''; display:table; clear:both;}(IE8+) .clearfix{*zoom:1;} (IE6/IE7) ★切勿滥用 .clearfix只应用在包含浮动子元素的『父级元素』上查看全部
-
浮动使父元素高度塌陷是标准，当父元素高度塌陷后，置于父元素下的元素没有限制会在空间允许的条件下浮动上来，这就是文字环绕图片的原因；或者是图片位于文字之间，图片的浮动会使其突破父元素向左或右浮动后文字拼接呈环绕效果（浮动的破坏性只是为了实现文字环绕效果）查看全部
-
【CSS】【Float的特性：包裹与破坏】 1.包裹：收缩（水平方向），坚挺（高度），隔绝（与外部不相关） 具有包裹性的其他属性 display;inline-block/table-cell/.. position:absolute(近亲)/fixed/sticky overflow:hidden/scroll 2.破坏:容器被破坏（父元素高度塌陷） 具有破坏性的其他属性 display:none position:absolute(近亲)/fixed/sticky查看全部
-
BFC的概念查看全部
-
【CSS】【浮动与流体布局】 1.文字环绕衍生-单侧固定 固定部分：width: ; float: ; 文字部分：padding-left/margin-left: 2.DOM与显示位置匹配的单侧固定布局 容器：width：100% ;float: ; 文字部分：padding-left/margin-left: 固定部分：width: ; float: ; margin:负值; 3.高级-智能自适应尺寸 一侧:float 另一侧:display:table-cell(IE8+) display:inline-block(IE7) 例：.mib_head_a { float: left; margin-right: 20px; } .mib_cell { display: table-cell; *display: inline-block; width: 2000px; *width: auto; }查看全部
-
在写js操作css的过程中发现float属性在IE和firefox下对应的js脚本是不一样的，IE下对应得是 styleFloat，firefox,chorme,safari下对应的是cssFloat，可用in运算符去检测style是否包含此属性。查看全部
-
1.收缩 2.坚挺 3.隔绝 BFC 块级格式化上下文 Block formatting context 具有包裹性的其他小伙伴： 1. display: inline-block/table-cell/... 2. position: absolute（近亲）/fixed/sticky 3. overflow: hidden/scroll 破坏（父级元素高度被破坏，高度塌陷）（浮动是魔鬼） 具有破坏性的其他小伙伴： 1. display: none 2. position: absolute（近亲）/fixed/sticky查看全部
-
1.浮动具有破坏性会让父元素高度塌陷 2.浮动使高度塌陷不是bug，而是标准，因其原本作用仅仅是为了实现文字环绕效果查看全部
-
说句实话 不太喜欢讲师的风格 估计自娱还行查看全部
-
IE6，浮动 ====双倍margin，跟随元素3px，斜体文字下沉等bug查看全部
-
ie7问题集合查看全部
-
【CSS】【浮动与兼容性】查看全部
-
【CSS】【浮动与流体布局】 1.文字环绕衍生-单侧固定 固定部分：width: ; float: ; 文字部分：padding-left/margin-left: 2.DOM与显示位置匹配的单侧固定布局 容器：width：100% ;float: ; 文字部分：padding-left/margin-left: 固定部分：width: ; float: ; margin:负值; 3.高级-智能自适应尺寸 一侧:float 另一侧:display:table-cell(IE8+) display:inline-block(IE7) 例：.mib_head_a { float: left; margin-right: 20px; } .mib_cell { display: table-cell; *display: inline-block; width: 2000px; *width: auto; }查看全部
举报
0/150
提交
取消