-
IE7浮動(dòng)兼容性問(wèn)題
查看全部 -
1、文字環(huán)繞衍生——單側(cè)固定
width+float
padding-left/margin-left
2、DOM與顯示位置匹配的單側(cè)固定布局
==右浮動(dòng)，改變DOM位置的流體布局寫法
{width:?56px;?float:?right;} {margin-right:?76px;}==左浮動(dòng)，不改變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負(fù)值
3、智能自適應(yīng)尺寸
float
display: table-cell ?[IE8+]
display: inline-block ?[IE7]
查看全部 -
浮動(dòng)砌磚布局的問(wèn)題
1、容錯(cuò)性比較糟糕，容易出問(wèn)題
2、這種布局需要元素固定尺寸，很難重復(fù)使用
3、在低版本的IE下會(huì)有很多問(wèn)題
查看全部 -
浮動(dòng)兩大特性
查看全部 -
clear清除浮動(dòng)策略
IE8
IE6 IE7
查看全部 -
清除浮動(dòng)（帶來(lái)的影響）
查看全部 -
具有破壞性的屬性
查看全部 -
具有包裹屬性
查看全部 -
浮動(dòng)本來(lái)的作用：實(shí)現(xiàn)文字環(huán)繞
查看全部 -
IE7與IE8的顯示效果不一樣
查看全部 -
浮動(dòng)可以讓元素block化
查看全部 -
清除浮動(dòng)更好的方法：
高級(jí)瀏覽器：.clearfix:after {content:'';display:table;clear:both;}
ie6,ie7: .clearfix{*zoom:1;}
clearfix應(yīng)該應(yīng)用在浮動(dòng)子元素的父級(jí)元素上
查看全部 -
清除浮動(dòng)的兩大基本方法
查看全部 -
浮動(dòng)的破壞性只是單純?yōu)榱藢?shí)現(xiàn)文字環(huán)繞效果而已
查看全部 -
浮動(dòng)會(huì)讓父元素高度塌陷不是bug，是標(biāo)準(zhǔn)
查看全部
舉報(bào)