我的中心div继续下降

Question

如何让我的中心保持在顶部，左边的红色条纹？

http://jsfiddle.net/9G8aw/

中心div的CSS如下所示：

#center {
    width:840px;
    margin:0 auto;
    float:left;
    background-color:#FFFFFF;
    border-radius:15px;
    position:relative;
}

Answer 1

您必须为中心指定宽度85% instead of a fixed 840px

Answer 2

如果你可以重新安排你的div，你可以做这样的事情。

将<div id="left">...</div>置于<div id="center">...</div>

之下

并使用您现在使用的相同CSS。

<强> DEMO FIDDLE

Answer 3

使用最小宽度

#container {
margin-left:auto;
margin-right:auto;
min-width: 1200px;

}

Answer 4

在这里： http://jsfiddle.net/digitalextremist/eR7uu/

---

我将#center更改为float: right，并且更改了width: 85%。

这解决了您的“静态大小”问题。我把min-width: 640px放在身体里，但你可以把它拿出来。

再次欢迎来到StackOverflow！

已编辑： http://jsfiddle.net/digitalextremist/eR7uu/1/

.header {
    white-space:nowrap;
    padding: 0px 5%;
}