1

我已经对我的网站进行了一些编码,但我注意到我必须进行愚蠢的大调整才能让事情很好地融合在一起,我相信这是因为我有 2 个浮动元素并且浮动正在携带到下一组 div即使没有嵌套!!

有谁知道为什么会发生这种情况以使事情变得更简单到目前为止我已经使它生效了我在这个例子中所做的事情你会注意到(如果你的显示器足够宽)文本“你有特殊要求吗?” “Do”在页面的一半左右吗?

我认为问题在于 div 标签“bannerleft”和“bannerright”之后我认为浮动继续并破坏了一切?我可能是错的

这是现场示例Here

4

3 回答 3

1

这是因为您还没有清除浮动(有问题的两个 div).. 只需添加

<div style="clear: both;"></div>

在bannerright/bannerleft div之后清除浮动并允许文档的其余部分尊重这些浮动元素..当您浮动某些东西时,您会将其从“流程”中取出

阅读MDN 的此链接以获取有关清除浮动的更多信息。

PS(清除浮动有很多不同的方法,比我提供的方法更干净一些,我只是为了简单起见)

于 2013-02-11T22:27:15.253 回答
0

尝试:

.clearfix {
clear: both;
}

在最后一个浮动元素上

于 2013-02-11T22:26:41.667 回答
0

Nat,这在 Firefox 中没有发生。尝试在你的身体标签上放置一个最大或最小宽度,可能是 980 像素,并且还包括溢出:隐藏在身体标签上。

于 2013-02-11T22:31:58.660 回答