<style type="text/css">
.div1{background:#000080;border:1px solid red;}
.div2{background:#800080;border:1px solid red;height:100px;margin-top:10px}
.left{float:left;width:20%;height:200px;background:#DDD}
.right{float:right;width:30%;height:80px;background:#DDD}
/*清除浮動代碼*/
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
</style>
<div class="div1 clearfloat">
<div class="left">Left</div>
<div class="right">Right</div>
</div>
<div class="div2">
div2
</div>
清除浮動胖缤，撐起元素高度
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來吗铐，“玉大人剧劝，你說我怎么就攤上這事∽ゼ撸” “怎么了讥此？”我有些...
- 文/不壞的土叔 我叫張陵拢锹，是天一觀的道長。 經(jīng)常有香客問我萄喳，道長卒稳，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任他巨，我火速辦了婚禮充坑，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘染突。我一直安慰自己捻爷，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布份企。 她就那樣靜靜地躺著也榄，像睡著了一般。 火紅的嫁衣襯著肌膚如雪司志。 梳的紋絲不亂的頭發(fā)上甜紫，一...
- 文/蒼蘭香墨 我猛地睜開眼瘸恼，長吁一口氣：“原來是場噩夢啊……” “哼劣挫！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起钞脂，我...
- 正文 年R本政府宣布，位于F島的核電站熬芜，受9級特大地震影響莲镣，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜涎拉，卻給世界環(huán)境...
- 文/蒙蒙 一瑞侮、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧鼓拧，春花似錦半火、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至种玛，卻和暖如春藐鹤，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背赂韵。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 如果我們?yōu)樽釉厝萜髟O(shè)置了左浮動的屬性，父元素只設(shè)置寬度而高度未設(shè)置汇陆，火狐怒炸、chrome、IE8+瀏覽器下則會出現(xiàn)...
- 先說原理：這種方法清除浮動是現(xiàn)在網(wǎng)上最拉風(fēng)的一種清除浮動毡代，他就是利用:after和:before來在元素內(nèi)部插入兩...
- 方法：通過在父元素的末尾添加一個after偽元素 代碼： 原理：after的原理是在div1的子元素最末尾添加一個...
- 答案是不會教寂。 為了證明答案的正確性捏鱼，下面做了一個小例子。 <!DOCTYPE html> 計算父div的寬高...
