如何防止右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; 
}