html - 如何防止右 div 在整页布局的左浮动下折叠

Question

我第一次尝试完整的页面布局。我有一个左侧的 div，它是 block 样式的导航栏。

#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 在下面移动左浮动，但如何进行整页换行？

Answer 1

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

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