液體佈局固定寬度左側菜單的

可能重複：
3 and 2 column full screen (width & height) layouts (CSS)液體佈局固定寬度左側菜單的

什麼是最簡單的，CSS只，跨瀏覽器的方式來實現以下CSS佈局：

一個固定的左手菜單DIV 像素寬度（例如200px）。
旁邊是一個填充整個剩餘區域的內容DIV。

我以前做過這樣的事情，比如絕對定位和東西，它們從來沒有覺得很乾淨。現在我要轉換一箇舊表的佈局和思考的時間是正確的，這樣做正確:)

2009-11-19 Pekka 웃

只是這麼多類似的問題之一：HTTP：// stackoverflow.com/questions/574317/3-and-2-column-full-screen-width-height-layouts-css搜索「[css]專欄」，你會發現更多。 – peirix

謝謝。那裏的鏈接給了我所需要的一切。我無法自己解決這個問題，對吧？ –

您可以添加一個標籤'投票結束'或其他，我想像一個主持人會很快來代替您這樣做。 –

最簡單的似乎是：

<style type="text/css" media="all"> 

#left_hand {width: 200px; 
      float: left; 
      } 

#main_content {margin: 0 0 0 200px; /* adjust for a gutter between divs */ } 

</style> 

<div id="left_hand"> 
<!-- content --> 
</div> 

<div id="main_content"> 
<!-- main content --> 
</div>

來源

2009-11-19 15:03:32

液體佈局固定寬度左側菜單的

回答

相關問題