<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>浮動(dòng)模型</title>
<style?type="text/css">
div{
????border:2px?red?solid;
????width:200px;
????height:400px;
}
#div1{
????float:left;
}
/*#div2{
????float:right;
}*/
</style>
</head>
<body>
<div?id="div1">欄目1</div>
<div?id="div2">欄目2</div>
</body>
</html>我把#div2{
????float:right;
}注釋掉，發(fā)現(xiàn)欄目2不見(jiàn)了，有點(diǎn)詭異，哪位童學(xué)能告訴我是怎么回事嗎
2 回答
mingsixue
TA貢獻(xiàn)19條經(jīng)驗(yàn) 獲得超32個(gè)贊
div1覆蓋了div2，div1浮動(dòng)了，div2就前移到了div1的位置，又由于浮動(dòng)產(chǎn)生的層級(jí)比正常元素高，所以就造成了不見(jiàn)的假象。
添加回答
舉報(bào)
0/150
提交
取消