Php 我的网站有问题吗？两个div对齐有问题

所以我现在想辞职了，因为这个问题给我带来了很多麻烦。如果有人能帮我，那就太好了：d

因此，在我的网站上，我想做的是在网站左侧有一个div框，在那里有一个“了解更多”链接，将带你到另一个页面，解释我的网站是关于什么的，我也希望在它的右下方有一个视频（这将是我解释我的网站）

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

现在我的问题不是让方框或报名表并排对齐

现在我的问题是盒子顶部的对齐。当我输入“float:left”时，它将它们并排对齐（就像我想要的那样） 但是，长方体的一个顶部边框高于另一个

例如，到目前为止，这是我的网站 正如您所看到的，框与边框顶部的对齐并不完美，一个框比另一个框低

我希望它看起来像这样

---

有人能帮我吗？我碰到了一堵墙，我真的很想解决这个问题。

这是因为你的

后面有

我不知道你为什么有所有的break标记，但你的语法需要这样：

<div id="header">

</div>

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

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

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

.ex类将保持不变（float:left；），而.myform类也将保持不变（float:left；）

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

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

首先，你的编码有一些错误。像

<div id='header'></a href='http://www.shoportrade.org/'><img src='mylogo1.png'></img></a>




应该是

<div id='header'><a href='http://www.shoportrade.org/'><img src='mylogo1.png' /></a></div>



我相信您在
中声明了类myform，但我在代码中看到您试图实现这个
，这是完全错误的。它应该是
。如果您真的想要为该div实现不同的样式，那么我认为您应该使用不同的id名称，比如
这里有一个不使用float的方法。两个箱子的高度将根据容器高度而变化

如果希望框的高度不同，请更改其“底部”值


CSS

 #container {
    height: 500px;
    width: 800px;
    position: relative;
    background-color: green;
}

#box, #box2 {
    position: absolute;
    top: 50px;
    width: 200px;
}

#box {
    background-color: blue;
    left: 50px;
    bottom: 50px;
}

#box2 {
    background-color: red;
    right: 50px;
    bottom: 50px;
}

HTML

<div id="container">
    <div id="box">
        <p>This is box 1</p>
    </div>
    <div id="box2">
        <p>This is box 2</p>
    </div>
</div>


这是1号包厢

这是2号包厢

首先，我要使我的HTML有效。例如，看看你的
。我对你的问题感到困惑。他们看起来像是排在我的前面。你在看什么浏览器？我建议使用Firebug（Firefox插件）或Chrome（F12）/Opera（Ctrl+Shift+I）/IE（F12）内置的HTML编辑器来调整CSS，使其完全符合您的需要。它们中的大多数也可以帮助你进行CSS布局。请阅读。您不应该发布您的URL。你应该发布你的代码。您可以在右侧框中添加一些上边距。这有点老套，但应该行得通。如果你真的可以创建一个JSFIDLE示例，那么调试就会更容易。btevfik这里有一个JFIDLE，你能想出如何将我已经拥有的框并排对齐吗？请随时纠正我的任何错误lol，我是新的和学习，并将非常感谢。
<div id="container">
    <div id="box">
        <p>This is box 1</p>
    </div>
    <div id="box2">
        <p>This is box 2</p>
    </div>
</div>