[已解决]浮动

zjmttt · 发表于 2019-4-19 14:57:07

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

请高手帮忙解释一下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>

最佳答案

月排行榜 / 总排行榜

不二如是

2019-4-19 19:17:09

因为div4设置为居右，div5居左，整体嵌套在div中，按照块级元素正常排序布局

跳转到最佳答案楼层

不二如是 · 发表于 2019-4-19 19:17:09

因为div4设置为居右，div5居左，整体嵌套在div中，按照块级元素正常排序布局

zjmttt · 发表于 2019-4-20 08:50:17

不二如是发表于 2019-4-19 19:17
因为div4设置为居右，div5居左，整体嵌套在div中，按照块级元素正常排序布局

请问一下div5为什么不是和div4一样高呢

账号		自动登录	找回密码
密码			立即注册