两个div,只设置一个div float，另一个就不见了
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>浮动模型</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;
}注释掉，发现栏目2不见了，有点诡异，哪位童学能告诉我是怎么回事吗
梅开一片浏览 2424回答 2
2回答
-
mingsixue
div1覆盖了div2，div1浮动了，div2就前移到了div1的位置，又由于浮动产生的层级比正常元素高，所以就造成了不见的假象。
随时随地看视频慕课网APP
CSS3
Html/CSS