-
IE7浮動兼容性問題
查看全部 -
1、文字環繞衍生——單側固定
width+float
padding-left/margin-left
2、DOM與顯示位置匹配的單側固定布局
==右浮動，改變DOM位置的流體布局寫法
{width:?56px;?float:?right;} {margin-right:?76px;}==左浮動，不改變DOM位置的流體布局寫法
{width:?100%;?float:?left;} {margin-right:?76px;} {width:?56px;?float:?left;?margin-left:?-56px;}width:100%+float
????padding-left/margin-left
width + float + margin負值
3、智能自適應尺寸
float
display: table-cell ?[IE8+]
display: inline-block ?[IE7]
查看全部 -
浮動砌磚布局的問題
1、容錯性比較糟糕，容易出問題
2、這種布局需要元素固定尺寸，很難重復使用
3、在低版本的IE下會有很多問題
查看全部 -
浮動兩大特性
查看全部 -
clear清除浮動策略
IE8
IE6 IE7
查看全部 -
清除浮動（帶來的影響）
查看全部 -
具有破壞性的屬性
查看全部 -
具有包裹屬性
查看全部 -
浮動本來的作用：實現文字環繞
查看全部 -
IE7與IE8的顯示效果不一樣
查看全部 -
浮動可以讓元素block化
查看全部 -
清除浮動更好的方法：
高級瀏覽器：.clearfix:after {content:'';display:table;clear:both;}
ie6,ie7: .clearfix{*zoom:1;}
clearfix應該應用在浮動子元素的父級元素上
查看全部 -
清除浮動的兩大基本方法
查看全部 -
浮動的破壞性只是單純為了實現文字環繞效果而已
查看全部 -
浮動會讓父元素高度塌陷不是bug，是標準
查看全部
舉報
0/150
提交
取消