right 没定宽 为啥我这里显示的0,而不是你显示的100%呢?

来源:5-3 两列布局的第一种解决方案

Tracyiiittt

2019-10-28 03:22

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>两列布局</title>

    <style>
        .left, .right {
            height: 300px;
        }
        .left {
            width: 300px;
            background-color: #c9394a;

            float: left;
        }
        .right {
            background-color: #cccccc;

            float: left;
        }
    </style>
</head>
<body>
    <div class="left"></div>
    <div class="right"></div>
</body>
</html>


写回答 关注

2回答

  • 百兽凯多00
    2019-10-28 10:22:37

    right不要设置float:left,设置浮动会脱离文档流,就不会继承父级宽度了,自然宽度是0

    Tracyi...

    嗯 是我看错了

    2019-10-29 00:44:35

    共 1 条回复 >

  • Tracyiiittt
    2019-10-28 03:23:59

    老师能解答下吗?

一课全面掌握主流CSS布局

一网打尽CSS主流布局方案,一步掌握页面布局技巧.

5276 学习 · 60 问题

查看课程

相似问题