浮动divs-无缘无故的一个重叠



...而我的意思是'no Chaind';出于某个原因,我显然(很可能)忽略了。这是一个菜鸟的问题 - 但是我一生都无法弄清楚我的浮动divs出了什么问题。

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

我有一个容器Div(#wrapper),其中包含几个Divs,其中有一个内容区域(#Content),该内容有一个菜单(#menu),可以向左浮动;和DIV到House Text(目前还没有ID)。

我以为将他们对齐都左边会让两个div坐在彼此之间。但这不是那样工作的。带有文本的框重叠菜单与布局混乱。我还必须在菜单之前将文本放在代码中;否则它将显示在主菜单下方(这不应该是正常行为 - 它应该坐在另一个Div上!

我知道我可以设置宽度并正确浮动文本 - 但已要求该页面与浏览器页面大小。

我知道我正在忽略这很愚蠢而简单...但是我看不到它。任何帮助都会很热!预先感谢。

嗨,现在给您的float right div

中的margin-left:190px;

像这样

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

结果是

另外,请记住框模型。通常,当浮动元素与浮动元素相关时,这是一个好主意,因为这与图像相对于图像而言是一个好主意。这也将有助于IE 7和8中的侧键问题。

解决方案只是我很愚蠢。我忘了在菜单中添加浮标。D'OH!

最新更新