浮动DIVS - 没有理由重叠一次?

时间:2012-10-30 04:57:32

标签: css html floating

......并且'没有理由'我的意思;出于某种原因,我很清楚(并且很可能是那种)俯视。这是一个NOOB问题 - 但我对我的生活无法弄清楚我的浮动div有什么问题。

如下所示:http://codysilfies.com/kenji/beta.html

我有一个容器div(#Wrapper),里面有几个div - 其中有一个内容区域(#content),它有一个向左浮动的菜单(#menu);和一个div to house文本(目前还没有ID)。

我认为将它们左右对齐将使两个div正好相互对立;但它不是那样工作的。带有文本的框重叠了菜单,弄乱了布局。我还必须将文本PRIOR放在代码中的菜单中;否则它会显示在主菜单下面(这不应该是正常的行为 - 它应该与另一个div对立!

我知道我可以设置一个宽度并将文本浮动 - 但是已经要求页面使用浏览器页面调整大小。

我知道这是一种愚蠢而简单的东西,我忽略了......但我看不到它。任何帮助都会很热!提前谢谢。

3 个答案:

答案 0 :(得分:0)

HI现在提供给margin-left:190px; div

中的float right

就像这样

<div style="float:right;margin-left:190px;">

结果是

this

答案 1 :(得分:0)

另外,请记住盒子模型。当它与结构相关时,给浮动元素赋予宽度通常是个好主意,因为这只是一个图像。这也将有助于IE 7和8中的侧面问题。

答案 2 :(得分:0)

解决方案只是我愚蠢。我忘了给菜单添加一个浮点数。 D'哦!