Shinone+const 2023-02-01 17:43 采纳率: 92%
浏览 23
已结题

为什么浮动加在不同位置行高继承不太一样

一共有两层嵌套,我用border显示外边框,如果把float加在不同类里会导致最里面的行高能否继承父类的行高和li的长度不同,这是为啥有不同呢?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .one{
            color: red;
            background-color: aqua;
            line-height: 50px;
        }
        .two{
            /* float: left;*/
            color: orange;
            background-color: rgb(255, 0, 136);
        }
        .three{
            float: left;
            border: 2px solid black;
            font-size: 20ps;
        }
    </style>
</head>
<body>
    <div class="one">
        <li class="two">
            <span class="three">
                fff
            </span>
        </li>
    </div>
</body>
</html>

如果加在two里

img

如果加在three里

img

  • 写回答

2条回答 默认 最新

  • 小6的跟班 2023-02-01 18:05
    关注

    这应该是在于块级元素和内联元素的区别

    • 属于块级元素 属于内联元素
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 2月10日
  • 已采纳回答 2月2日
  • 创建了问题 2月1日