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; } |