-
浮动与单侧尺寸固定的流体布局： /* 下面这个是固定布局写法 */ .mib_feed_fixed { width: 484px; float: right; } /* 下面这个是流体布局写法 */ .mib_feed_flow { margin-left: 76px; }查看全部
-
两侧自适应布局实现：(左侧浮动，右侧可以变更宽) float:left; width:max-width(自定义); display:table-cell(ie8); *width:auto; *display:inline-block(ie7); 备注：IE6识别*和_；IE7识别*和!important；其他浏览器识别 !important。 例子代码： .mib_head_a { float: left; margin-right: 20px; } .mib_cell { display: table-cell; *display: inline-block; width: 2000px; *width: auto; }查看全部
-
float砌砖布局的问题 1、容错性比较糟糕，容易出问题 2、这种布局需要元素固定尺寸，很难重复使用 3、在低版本的IE下会有很多问题 1.浮动会使元素块状话 2.浮动会破坏性炒成紧密排列特性（去空格化，空格和换行本身也是字符便跑到了后面）查看全部
-
【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只应用在包含浮动子元素的『父级元素』上查看全部
-
float特性：包裹与破坏 包裹： 1收缩：水平方向使其宽度收缩 2坚挺：竖直方向 3隔绝：里面的东西发生的任何事情对外面没有任何影响（bfc:块级格式化上下文） 具有包裹性的其他小伙伴： 1. display: inline-block/table-cell/... 2. position: absolute（近亲）/fixed/sticky 3. overflow: hidden/scroll 破坏（父级元素高度被破坏，高度塌陷）（浮动是魔鬼） 下面的属性也有破坏性 1. display: none 2. position: absolute（近亲）/fixed/sticky查看全部
-
.clearfix应用在包涵浮动子元素的父级元素上面查看全部
-
display为tbale查看全部
-
清除浮动做法查看全部
-
BFC通常声明查看全部
-
改变代码DOM结构的方法：头像float+文字margin。 不改变代码DOM位置的方法：文字float+（头像float+负margin）查看全部
-
文字环绕衍生-单侧固定 智能自适应尺寸查看全部
-
合理使用浮动 且用且珍惜查看全部
-
我本流体布局生、 春江流水应犹在！查看全部
-
滥用 clear：fix 会让ie6 ie7 做出格的事查看全部
-
浮动是魔鬼 更是情非得已查看全部
举报
0/150
提交
取消