小编Aaz*_*zib的帖子

使用浮动将 div 与父 div 的左右边缘对齐

我想#first左对齐#container和#second右对齐。
为此,我正在使用float: left;on#first和float: right;on #second。
然而,这会导致#first的左侧#container和#second旁边对齐。为什么会这样,我怎样才能达到我的愿望?

这就是我要的:

在此输入图像描述

这就是我得到的:

在此输入图像描述

这是我的代码:

<head>
    <style>
        #container {
            width: 500px;
            margin: 0 auto;
            border: 1px solid #000;
        }

        #first {
            float: left;
        }

        #second {
            float: right:
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="first">
            <p>first</p>
        </div>
        <div id="second">
            <p>second</p>
        </div>
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

html css css-float

3
推荐指数
1
解决办法
4216
查看次数

标签 统计

css ×1

css-float ×1

html ×1