-
清楚浮動的兩種方式區別查看全部
-
浮動搭配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
提交
取消