脱离文档流有个问题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>三栏布局</title>
</head>
<style media="screen">
html*{
margin: 0;
padding: 0;
}
div{
height: 100px;
margin: 0 10px;
}
.container{
min-height: 100px;
}
.left{
float: left;
width: 300px;
background: red;
}
.right{
float: right;
background: green;
width: 300px;
}
.center{
background: yellow;
}
</style>
<body>
<div class="container">
<div class="center"></div>
<div class="left"></div>
<div class="right"></div>
</div>
</body>
</html>
这个例子里面为什么运行出来左右浮动的都在下面呢，不应该和center重叠么
762
收起
正在回答
2回答
因为.center没有浮动，占据文档流。float会找到它能占据的最上面最左（右）边的位置。但是如果已经被别的元素占用的空间，它是不能占用的。
1
有任何疑惑可以回复我~
胖墩猫
2018-03-13 00:28:21
相似问题
登录后可查看更多问答，登录/注册
