浮动
请高手帮忙解释一下div4和div5为什么会出现在这样的位置？<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div{
width:900px;
margin:0 auto;
}
div div{
width:300px;
}
.div1{
height:200px;
background:blue;
float:left;
}
.div2{
height:300px;
background:green;
float:left;
}
.div3{
height:240px;
background:gray;
float:right;
}
.div4{
width:300px;
height:300px;
background:pink;
float:right;
}
.div5{
width:100px;
height:300px;
background:red;
float:left;
}
</style>
</head>
<body>
<div>
<div class="div1">div1</div>
<div class="div2">div2</div>
<div class="div3">div3</div>
<div class="div4">div4</div>
<div class="div5">div5</div>
</div>
</body>
</html>
因为div4设置为居右，div5居左，整体嵌套在div中，按照块级元素正常排序布局 不二如是 发表于 2019-4-19 19:17
因为div4设置为居右，div5居左，整体嵌套在div中，按照块级元素正常排序布局
请问一下div5为什么不是和div4一样高呢
页:
[1]