html - Div 定位的问题

Question

<分区>

Answer 1

根据我的评论:

Wow, that's.. a unique approach? You have far too much position: absolute and position: relative. I just fixed this in Firebug, but it's going to take a few minutes to write an answer, the amount of rules I had to toggle and add.

从每个元素中删除 position 规则:

• #mainbody.
• #frontwidth。
• #titlesbig。
• #greyline。
• #homepageimage。
• #titlesmedium。
• #homepagetext。
• 希望我没有忘记任何东西:D

除了 mainbody 之外，您将多次使用这些元素中的每一个。

因此，改为使用类。

例如，在您的 HTML 中，更改为:

<div class="frontwidth">

然后在您的 CSS 中，更改为:

.frontwidth {

}

现在我们可以根据需要对这些元素进行布局了:

• 在 .homepageimage 上，添加 float: left。
• 在 .frontwidth 上，添加 overflow: hidden(到 clear the floats)。
• 在 .titlesmedium 和 .homepagetext 上添加 margin-left: 340px。