html+css基础课程12-4浮动模型里面index.html的代码如果用类选择器选择div1，那么栏目二边框就消失了？

<!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;}
</style>
</head>
<body>
<div id="div1">栏目1</div>
<div id="div2">栏目2</div>
</body>
</html>

moon_gloaming

浏览 1240回答 1

1回答

刚毅87

栏目2的边框不是消失了,而是栏目二跑到了栏目一的位置.因为 div1设置了浮动,所以 div1脱离了文档流,不占空间,所以 div2,就占据了 div1的位置,看上去就想 div2的边框消失了一样

刚毅87

随时随地看视频慕课网APP