Iframe填充剩餘的固定寬度（左側）菜單

我試圖創建一個相對簡單的頁面，它位於左側，佔用瀏覽器窗口的整個高度，固定寬度（比如200px），然後使用窗口寬度的其餘部分，以及整個窗口高度。我想使用CSS來做到這一點，沒有JavaScript。如果必須的話，我不介意包裝。Iframe填充剩餘的固定寬度（左側）菜單

來源

2010-07-16 confused

看看http://stackoverflow.com/questions/289409/full-height-css-layout-with-multiple-columns或http://stackoverflow.com/questions/448164/2-col-css-layout-with-background-colors-that-fill-full-height或本網站上的其他各種文章。做一些搜索，你應該找到你需要的東西。 – ScottS 2010-07-16 17:03:46

我可能錯過了一些東西，但根據我的知識，這在使用iframe時沒有幫助。 Div，當然，但是一個iframe？至少在Chrome中不起作用。 – rinogo 2011-08-20 01:29:29

<html> 
<head> 
    <style type="text/css"> 
     body{ 
      height: 100%; 
      margin: 0px; 
      padding: 0px; 
     } 
    </style> 
</head> 
<body> 
    <table cellspacing="0" cellpadding="0" height="100%" width="100%"> 
     <tr> 
      <td style="min-width: 200px;" bgcolor="#333333"> 

      </td> 
      <td width="100%" bgcolor="#666666"> 

      </td> 
     </tr> 
    </table> 
</body>

現在我應該說的是，我只在Firefox和Safari（Mac用戶）測試，所以我不知道它怎麼會看在Internet Explorer等，但隨時嘗試它，這應該給你你想要的:)

來源

2011-05-08 12:21:35

Iframe填充剩餘的固定寬度（左側）菜單

回答

相關問題