我可以在不使用绝对定位的情况下对div元素进行右对齐吗？

Question

在我的页面顶部，我有一个 div 跨越页面，在里面，我希望登录表单显示在浏览器窗口的右侧。如果我这样做：

<div>
    (masthead stuff)
            <div id="topLogin" style="position: absolute; right: 4px; top: 4px">
                (login form goes here)
            </div>  
</div>

这样可行，但不会计算父 div 的高度以包含登录表单的大小。我看到了一个javascript / JQuery solution here，但在我这样做之前有更好的做法来完成这项工作吗？

Answer 1

你可以把它漂浮到右边。

Answer 2

您可以使用：

<div id="topLogin" style="float: right;">
                (login form goes here)
</div>

编辑：

在您的情况下，请使用建议的样式表，以便在您的网站上重复使用：

<style>
  #topLogin { float: right; }
</style>

<div id="topLogin">
  (login form goes here)
</div>

Answer 3

你可以使用float：right;并且您可以使用填充/边距来处理间距。