- 子對象浮動，父對象不設(shè)置高度，塊元素就會塌陷
<body>
<!-- 頂部菜單 -->
<div id="menu">
<li>首頁</li>
<li>登錄</li>
<li>注冊</li>
</div>
<!-- 底部版權(quán) -->
<div id="copyright">
<li>版權(quán)</li>
<li>關(guān)于</li>
<li>聯(lián)系</li>
</div>
<!-- 樣式 -->
<style>
*
{
margin : 0;
padding: 0;
}
/**
* 父對象必須設(shè)置高度，否則就會塌陷，可以用overflow清除浮動
*/
div
{
overflow: auto;
}
li
{
width: 100px;
height: 50px;
background-color: yellow;
line-height: 50px;
text-align: center;
float: left;
}
</style>
</body>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
