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

Question

我第一次尝试整页布局。我有一个左 div，它是块样式导航。

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

然后我有右边的内容。起初我向左浮动并清除它，但当浏览器调整大小时，右 div 折叠在左 div 下。然后我将右边的 div 设为自动边距，但它仍然在左边折叠。

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