html - 在没有 HTML 表格的情况下，如何在同一行上放置两个 DIV，一个左对齐，一个右对齐？

Question

我想要右侧的 votediv，独立于类名为“note”的文章的文本大小。如果我分配

会发生什么

<div class="votediv" style="right:0; position:relative">

在 CSS 上？

<div class="opiniondiv">
        <article class="opinion"></article>
        <div class="opiniondetail">
          <article class="note"></article>
          <div class="votediv">
            <form method="POST">
              <button class="agreebutton" value="1">Agree</button>
              <button class="disagreebutton" value="0">Disagree</button>
            </form>
          </div>
        </div>
      </div>

另外，我想不使用

display:table

Answer 1

对于 <div class="votediv" style="right:0">工作你必须添加 position: absolute到风格。之后你可能想添加 position: relative至 div.opiniondiv .

编辑

如果你要按照其他人的建议 float div，请不要忘记清除，否则你会一团糟。

http://www.positioniseverything.net/easyclearing.html