首页 文章

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

提问于
浏览
2

我在整页布局中的第一次破解 . 我有一个左侧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在左侧浮动下方移动,但是如何进行整页换行?

1 回答

  • 1
    #admin_nav { 
        position: absolute; 
        left: 0; top: 0;
    }
    
    #admin_content {
        position: relative;
        margin-left: 230px;
    }
    

相关问题