我設置在中間設置浮動為什么上面及下面的元素沒有受浮動的影響??？我還想練練清楚浮動呢，是不是哪里寫錯了
#bao{width:960px;margin:0 auto}
#shang{height:200px;background:#ccc;}
#zhong{height:800px;background:#ddd;}
#xia{height:200px;background:#369;}
.yi{width:400px;height:300px;background:#369;float:left;}
.er{width:500px;height:600px;background:red;float:right;}
</style>
</head>
<body>
<div id="bao">
? <div id="shang">wwwwwww</div>
? <div id="zhong">
? ? <div class="yi">left</div>
? ? <div class="er">right</div>
? ? eeeeeeee</div>
? <div id="xia">rrrrrrrrr</div>
</div>
</body>
</html>
2016-10-24
老師的理論并沒有錯誤。樓主只是因為在.zhong設置了height：800px而已，既然已經設置了高度，里面的浮動元素自然對下面的元素沒有影響。你可以刪除height：800px，就會看到浮動的影響。
2016-08-16
這個老師的理論有誤，浮動是脫離文檔流的，當浮動的元素脫離文檔流時，緊跟在后面的一個元素會頂上去重新形成一個文檔流，并不是說一定會影響上面下面的元素。。
2016-08-13
<!DOCTYPE HTML>
<html>
? ? <head>
? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
? ? ? ? <title>嘗試</title>
<style type="text/css">
#bao{width:960px;margin:0 auto}
#shang{height:200px;background:#ccc;}
#zhong{height:800px;background:#ddd;}
#xia{height:200px;background:#369;}
.yi{width:400px;height:300px;background:#369;float:left;}
.er{width:500px;height:600px;background:red;float:right;}
</style>
</head>
<body>
<div id="bao">
? <div id="shang">wwwwwww</div>
? <div id="zhong">
? ? <div class="yi">left</div>
? ? <div class="er">right</div>
? ? eeeeeeee</div>
? <div id="xia">rrrrrrrrr</div>
</div>
</body>
</html>
這是我的自己寫的 ?，怎么回事啊