課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
為什么這個底部背景不設置浮動清除，它也不會往上跑
2016-03-17
源自：如何用CSS進行網頁布局 5-3
正在回答
<style type="text/css">
body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{height:100px; background:#ccc}
.main{height:960px;background:red}
.left{width:40%;height:960px;background:blue;float:left}
.right{width:57%;height:960px;background:green;float:right}
.foot{height:50px;background:#f60;}
</style>
因為你的main里面設置了高度height，這樣main就有了實際高度，若不設置foot就會往上跑
因為main標簽沒有設置浮動，所以foot不會重疊
因為浮動 是跟隨浮動 跟就就沒有脫離標準文檔流? 是跟隨前一個元素浮動的
舉報
用最簡潔的案例教你布局的那些知識，這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-04-04
<style type="text/css">
body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{height:100px; background:#ccc}
.main{height:960px;background:red}
.left{width:40%;height:960px;background:blue;float:left}
.right{width:57%;height:960px;background:green;float:right}
.foot{height:50px;background:#f60;}
</style>
因為你的main里面設置了高度height，這樣main就有了實際高度，若不設置foot就會往上跑
2016-03-20
因為main標簽沒有設置浮動，所以foot不會重疊
2016-03-18
因為浮動 是跟隨浮動
跟就就沒有脫離標準文檔流? 是跟隨前一個元素浮動的