关于css:如何防止右侧div在整页布局上的左浮动下折叠

How to prevent right div from collapsing under left float on full page layout

我的第一个突破在一个完整的页面布局。我有一个左分区,是块式导航。

1
2
3
4
5
6
7
#admin_nav {
    width: 230px;
    height: 100%;
    background-color: #f9f9f9;
    border-right: 1px solid #ddd;
    float: left;
}

然后我有了右边的内容。一开始我都向左漂,然后把它清了,但是当浏览器重新调整大小较小,右DIV折叠在左DIV下。然后我将右边的DIV设为自动边距,但它仍然会在左边折叠。

1
2
3
4
5
#admin_content {
    width: 750px;
    padding: 20px;
    margin: auto;
}

我想我可以用一个包装来防止右边的隔板在左浮动,但如何进行整页换行?


1
2
3
4
5
6
7
8
9
#admin_nav {
    position: absolute;
    left: 0; top: 0;
}

#admin_content {
    position: relative;
    margin-left: 230px;
}