问题1:父元素的一个子元素div1设置浮动,另一个子元素div2未设置,则div1脱离文档流浮于上方,但是并没有覆盖div2的内容。
问题2:div1的宽度+div2的宽度=浏览器窗口的宽度。
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>浮动的元素脱离文档流</title>
<style>
.parent {
border: 3px dotted blue;
}
div {
border: 2px dashed red;
font-size: 36px;
}
.child1{
float: left;
}
</style>
</head>
<body>
<div class="parent">
<div class="child1">normal1</div>
<div class="child2">normal2</div>
</div>
</body>
</html>