Question

我有2个div。我希望1个div位于窗口的左侧，另一个位于右侧。我用我的徽标和旁边的一个小文字正确地做了这个。但是，根据这一点，我希望还有另外2个div。我将这2个div放在1个div中，风格为clear:both;，这个div很好地排列在另外两个div之下。但是一旦我用第二个div做float: right;，它就会超出主要的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;
}

Answer 1

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

Answer 2

每当我使用花车时，我都会放置一个div，其中包含＆＃34; clear：both;＆＃34;应用于它，在容器内部，该容器包含应用浮动的元素。可以找到here的一个示例，我认为正是您所寻找的。

Answer 3

尝试放置一个外部div并设置位置：relative;并且内部元素将其位置标记为绝对

Answer 4

如果没有看到你的代码，不知道到底发生了什么，但我想知道你是不是只是没有清理你的花车？

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

CSS：Divs不左右排列

4 个答案: