Question

代码：

<body>
    <div id="parentDiv" style="width:200px;">
        <p style="position:relative;margin-left:0px;">Element1</p>
        <a href="#" style="position:relative;margin-right:0px;">Element2</a>
        <br/>
        <div id="ElementThreeDiv"             style="float:left;height:250px;overflow:auto;">
            <p>Element3</p>
        </div>
    </div>
</body>

我正在努力达到以下要求：

所有元素1,2＆amp; 3应该是父div的定义宽度为200px
元素1应左对齐。
元素2应该右对齐。
元素3应该在下一行。

Answer 1

你走了。浮动第一个左侧，第二个右侧，并清除第三个。我在容器上添加了背景和溢出，以便更清楚地看到它。

#parentDiv p {
    float:left;
    margin:0;
}

#parentDiv a {
    float:right;
}

#parentDiv div {
    clear:both;
}

<强> jsFiddle example

css有助于对齐元素

1 个答案: