我第一次尝试全页布局。
我有一个左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/