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

2018-06-04 19:59:11

我的第一个破解整页布局。我有一个左侧的div，是一个块式导航。

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

然后，我有正确的内容。起初，我将左和左两个浮动，但当浏览器重新调整大小时，右侧div折叠在左下。然后，我做了正确的div边缘汽车，但它仍然在左侧崩溃。

#admin_content {
    width: 750px;
    padding: 20px;
    margin: auto;
}

我想我可以使用换行来阻止右侧div移动到左侧浮动下方，但是如何完成整个换行？

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

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

链接地址: http://www.djcxy.com/p/15563.html