php - 我的网站有问题？对齐两个 div 时出现问题

Question

因此，由于这个问题给我带来的所有麻烦，我现在想放弃了。因此，如果有人可以帮助我，那就太好了:D!

所以在我的网站上，我想做的是在网站左侧有一个 div 框，那里会有一个“了解更多”链接，可以带你到另一个页面，解释我的网站是关于什么的，我会也喜欢它下面有一个视频(这将是我解释我的网站)

在另一个 div 框中，我希望有一个“注册表单”，一个基本的注册表单，供用户注册我的网站

现在我的问题不是让盒子或注册表并排对齐。

现在我的问题是盒子顶部的对齐方式。当我把“float:left;”它并排对齐它们(完全像我想要的那样) 然而，盒子的一个顶部边界比另一个更高

例如这是我目前的网站http://www.shoportrade.org/ 正如您所看到的，框与边框顶部的对齐并不完美，一个框比另一个框低

我希望它看起来像这样 http://www1.picturepush.com/photo/a/12506959/640/12506959.png

谁能帮帮我？我碰壁了，我真的很想解决这个问题。

Answer 1

我不知道为什么你有所有的 break 标签，但这是你的语法需要的样子:

<div id="header">

</div>

<div id="container">
    <div class="ex">

    </div>
    <div class="myform">

    </div>
    <div class="clear"></div>
</div>

您的标题将保持不变。您的容器需要包裹两个盒子。通常这是使用此 CSS 在页面上居中对齐:

.container { width:980px; margin: 0 auto; }

您的 .ex 类将保持不变 (float: left;) 并且您的 .myform 类也将保持不变 (float: left;)。

.clear 类负责帮助浏览器计算最终显示高度，通常如下所示:

.clear { clear: both; height: 1px; }