清除浮動(dòng)是每一個(gè) web前臺(tái)設(shè)計(jì)師必須掌握的機(jī)能。css清除浮動(dòng)大全，共8種方法。
浮動(dòng)會(huì)使當(dāng)前標(biāo)簽產(chǎn)生向上浮的效果，同時(shí)會(huì)影響到前后標(biāo)簽、父級(jí)標(biāo)簽的位置及 width height 屬性。而且同樣的代碼，在各種瀏覽器中顯示效果也有可能不相同，這樣讓清除浮動(dòng)更難了。解決浮動(dòng)引起的問題有多種方法，但有些方法在瀏覽器兼容性方面還有問題。
1，父級(jí)div定義 height
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.div1 { background: #000080; border: 1px solid red; /*解決代碼*/ height: 200px; }
.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 }
</style>
</head>
<body>
<div class="div1">
<div class="left">Left</div>
<div class=&q
