-
清楚浮动的两种方式区别查看全部
-
浮动搭配IE的兼容问题与解决：
合理运用浮动。。吐血
查看全部 -
自适应问题：
盒子模型编写时要考虑自适应问题，故尺寸尽量不要以砌砖头的方式定住；
灵活使用float来达到自适应；减少兼容问题的出现
查看全部 -
浮动的效果：
1，元素块状化，display：block；
2，去空格化；
查看全部 -
增强浮动的感性认知
包裹（ 收缩、坚挺、隔绝 ）
破坏
查看全部 -
浮动与单侧尺寸固定的流体布局
查看全部 -
微博，单侧固定
查看全部 -
11111111111
查看全部 -
ddddd
查看全部 -
fcccc
查看全部 -
浮动与单侧尺寸固定的流体布局
.mib_head_a { width: 56px; float: left; } /* 下面这个是固定布局写法 */ .mib_feed_fixed { width: 484px; float: right; } /* 下面这个是流体布局写法 */ .mib_feed_flow { margin-left: 76px; }查看全部 -
浮动与右侧尺寸固定的流体布局
/* 下面这个是右浮动，改变DOM位置的流体布局写法 */ .mib_head_r { width: 56px; float: right; } .mib_feed_flow { margin-right: 76px; } /* 下面这个是左浮动，不改变DOM位置的流体布局写法 */ .mib_full_float { width: 100%; float: left; } .mib_head_l { width: 56px; float: left; margin-left: -56px;}
查看全部 -
两侧皆自适应的流体布局
.mib_head_a { float: left; margin-right: 20px; } /* 下面这个是固定布局写法 */ .mib_cell { display: table-cell; *display: inline-block; *width: auto; }查看全部 -
float脱离文档流但不会脱离文本流，文字认同浮动元素所占区域
查看全部 -
清除浮动更好的方法：
高级浏览器：.clearfix:after {content:'';display:table;clear:both;}
ie6,ie7: .clearfix{*zoom:1;}
clearfix应该应用在浮动子元素的父级元素上
查看全部
举报
0/150
提交
取消