浮动DIVS - 无理由重叠一次？

......我的意思是“无理由”;出于某种原因，我很清楚（而且可能很有说服力）俯视。这是一个NOOB问题 - 但我对我的生活无法弄清楚我的浮动div有什么问题。浮动DIVS - 无理由重叠一次？

我有一个div容器（#wrapper指定），里面有几个div的 - 其中具有菜单（#menu）项的内容区域（＃内容）漂浮剩下;和一个div来存放文本（目前还没有ID）。

我认为将它们对齐左边会让两个div彼此正对着;但它不是那样工作的。带有文本的框与用于布局的菜单重叠。我还必须将文本PRIOR放置在代码中的菜单中;否则它会出现在主菜单下面（这不应该是正常的行为 - 它应该坐在其他div！

我知道我可以设置宽度和浮动文本右 - 但它已被要求页面缩放的浏览器页面。

我知道这是愚蠢的东西，简单的说我俯瞰...但我无法看到它。任何帮助将是热的！在此先感谢。

2012-10-30 Cody S

奇怪。当我点击它时它工作正常！我想尝试：http://www.codysilfies.com/kenji/beta.html –

HI现在在您的float rightdiv

如同t他

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

结果是

2012-10-30 05:35:02

正确 - 但文本内容仍然推动菜单内容在div下面（菜单应该是它的一半大小 - if那）。理想情况下，菜单位于文本旁边，只是这两个菜单项的高度。如果你这样做：

和

- 这两个div彼此相邻。为什么我的行为不一样？ –

还记得盒模型。当它与结构更相关时，对浮动元素给出宽度通常是一个好主意，因为这是相对于图像而言的。这也将有助于在IE 7和8的侧面问题。

2012-10-30 05:44:44

菜单确实具有固定的宽度 - 另一个没有的唯一原因是因为如果用户调整窗口大小或调整窗口大小，我需要内容才能展开/折叠。设置一个宽度可以防止这种情况发生，并且它不能解决重叠问题。 –

解决方案只是我愚蠢。我忘了添加一个浮动菜单。 D'哦！

2012-10-31 04:54:38

回答