html - 不使用 float /clearfixes 水平填充 CSS？

Question

我想在另一个容器中放置两个 DIV，以便第一个靠着父级的左边缘，第二个靠着父级的右边缘。这是我到目前为止的标记:

<div class="parent">
   <p class="flushleft">
        This paragraph should be aligned left.
   </p>
   <p class="flushright">
        This one should be aligned right.
   </p>
</div>

如何在不使用 float 的情况下做到这一点？如果可能的话，我想让一切都保持正常流程。谢谢!

Answer 1

在您的 CSS 代码中使用 display: inline-block。