0

我有 2 个 div。我希望 1 个 div 在我的窗口的左侧，另一个在右侧。我用我的标志和旁边的小文字正确地做到了这一点。但是，在此之下，我还想再拥有 2 个 div。我把这 2 个 div 放在 1 个 div 中，clear:both;这个 div 很好地排列在另外两个下面。但是一旦我float: right;使用第二个 div，它就会超出主 div ......为什么？

代码：（这应该排在左边）

#menu {
    background-color:#485D9C;
    margin-left:10px;
    text-align:center;
    width: 200px;
    position:absolute;
    float:left;
}

（这应该排在右边）

#content {
    text-align:right;
    width:600px;
    position:absolute;
    float:right;
}

（这是“内容”和“菜单”都在的 div）

#middle {
    clear:both;
    border: thick solid;
    position:relative;
}
4

4 回答 4

1

每当我使用浮点数时，我都会放置一个带有“clear: both;”的 div 应用于它，在容器内部，该容器包含应用了浮动的元素。可以在此处找到一个示例，我认为这就是您要寻找的。

于 2012-07-25T21:06:17.320 回答
1

你有一个例子吗？通过这个小测试：http: //jsfiddle.net/BouFe/uHJQB/1/它有效！

于 2012-07-25T20:58:26.207 回答
0

如果没有看到你的代码，不知道到底发生了什么，但我想知道你是否只是没有清除你的浮点数？

http://www.quirksmode.org/css/clearing.html

于 2012-07-25T20:57:30.803 回答
0

尝试放置一个外部 div 并设置位置：相对；并且内部元素将它们的位置标记为绝对

于 2012-07-25T20:54:58.997 回答