0

我正在尝试将这些 div 并排对齐，但不能。我该怎么做？

    <center>

    <div class="lgsn">

        <div class="login"></div>


        <div class="signup"></div>

    </div>

<center>

和 CSS

.lgsn
{
    width: 100%;
    height: 100%; 
    position: fixed;
}

.login, .signup
{
    background-color: #000;
    width: 450px;
    height: 350px; 
    border-radius: 4px; 
    opacity: 0.50; 
}
4

2 回答 2

1

float:left|right|none|inherit;有效，但你必须小心。除非您将其与clear:both|left|right|none|inherit;属性一起使用，否则这可能会很痛苦。

于 2012-09-05T01:21:04.850 回答
0

你应该考虑的几件事。

  1. 我建议摆脱那个center标签。它被贬低了并且违反了分离规则（保持简单......标记的语义和决策；CSS中的样式、颜色和字体）。作为中心标签的替代方案，您将希望text-align: center;在 CSS 端用作声明。请记住，text-align: center;将文本与其父级的中心对齐，因此如果显示父级inline，该解决方案仍将居中您的文本，但您不会注意到它的效果。换句话说，要在显示的block父项中居中文本，请使用text-align: center;. 要使显示元素的整体居中div（注意：居中div ...而不是文本），请使用blockmargin: 0 auto;.
  2. 您有多种选择如何获取显示block的元素并将它们并排放置。在大多数情况下，您最好的选择是使用float（另一个有时有用的选项是display: inline-block）。起初它可能看起来并不明显，因为学习的用途是浮动在杂志和新闻报纸上看到的图像以使文本环绕图像，但是，浮动 div可以将一个 div 包裹在另一个 div 周围。的值float可以是left、right或inherit默认值none。
  3. 记住 a 的float实际作用也非常重要。它使事情包装起来。这意味着当您开始注意到浮动 div 的“奇怪”行为时，那是因为您忘记了浏览器对浮动的看法。（IE，浏览器正在包装您不打算包装的东西，例如浮动应用的 div 下方的 div 或块）通常，这很好地表明您的浮动必须是cleared. 为此，您使用语法clear: both. both（替代right或者left如果您只想清除右侧的浮点数或左侧的浮点数）应用于通常为空的（它确实不需要为空，但似乎这样做已成为惯例) 元素放置在需要的地方。clearleft, right,或. none_inheritboth

好资源。

建议您使用以下资源进一步深入了解浮点数的真正功能。请花点时间浏览以下链接。

于 2012-09-05T02:29:05.537 回答