我第一次尝试全页布局。
我有一个左div是一个块式导航。

#admin_nav {
    width: 230px;
    height: 100%;
    background-color: #f9f9f9;
    border-right: 1px solid #ddd;
    float: left;
}

然后我有右边的内容。
一开始我两个都往左漂,然后把它清除了,但是当
浏览器重新调整大小较小,右div折叠在左div下面。
然后我把右边的div设为margin auto,但它仍然在左边下面折叠。
#admin_content {
    width: 750px;
    padding: 20px;
    margin: auto;
}

我想我可以用一个包装来防止右div在
左浮动,但我如何做一个完整的页面包装?

最佳答案

#admin_nav {
    position: absolute;
    left: 0; top: 0;
}

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

关于css - 如何在整个页面布局中防止右div在左 float 下方崩溃,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17376110/

10-12 12:28
查看更多