Question

我试图按站点对齐这些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; 
}

Answer 1

Answer 2

你应该考虑一些事情。

我建议删除center标记。它被折旧并且违反了分离规则（保持简单......标记的语义和决策; CSS中的样式，颜色和字体）。作为中心标记的替代，您将要在CSS端使用text-align: center;作为声明。请记住，text-align: center;将文本与其父级的中心对齐，因此如果显示父级inline，则该解决方案仍将居中您的文本，但其效果如何你不会注意到。换句话说，要将文本置于显示的block父级中心，请使用text-align: center;。要将显示的div的整个block（注意：以 div 为中心...... 不文本）居中} element，使用margin: 0 auto;。
您可以选择如何使用显示的block元素并将它们并排放置。在大多数情况下，您最好的选择是使用float（另一个有时有用的选项是display: inline-block）。起初看起来似乎并不明显，因为学习使用的是浮动图像，如杂志和新闻报纸中所见，以获取文本环绕图像，但是，浮动div 将工作以包裹一个div另一个。 float的值可以是left，right，inherit或默认none。
记住float实际上做了什么也是非常重要的。它使事情包裹。这意味着当你开始使用div的“怪异”行为时，这是因为你忘记了浏览器认为浮动的内容。（例如，浏览器正在包装您不打算包装的内容，例如浮点运算div下面的div或块）通常，这是一个很好的指示，您的浮点数必须是cleared。为此，您使用语法clear: both。（将both替换为right或left，如果您只想清除右边的浮动或浮动到左边）应用于通常为空的（它实际上不是需要是空的，但似乎这样做已成为常规）元素放置在需要的地方。 clear的值可以是left，right，none，inherit或both。

资源充足。

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

http://css-tricks.com/all-about-floats/
（TLDR :) http://css-tricks.com/video-screencasts/42-all-about-floats-screencast/
https://developer.mozilla.org/en-US/docs/CSS/float
在本页的乘车方面，有大量与浮动相关的问题。在发布浮动问题之前花一点时间来浏览它们，它可能已经被覆盖了。

定位div并排问题？

2 个答案:

资源充足。