如何將div縮放到另一個元素內部的100％高度和寬度

如何縮放div到另一個元素內部的100％高度和寬度？在我的情況下，tround。由於我是一個插件，我無法控制頁面上的其他HTML。這是我的HTML：如何將div縮放到另一個元素內部的100％高度和寬度

<body style="height:100%;"> 
    <table width="600px" height="400px" border="1"> 
    <tr> 
     <td style="background-color:silver;">Cell 1</td> 

     <td style="background-color:silver;"> 
    <div style="height:100%; background-color:yellow;"> 
     <div style="min-height:100%; height:100%; background-color:red;"> 
     Cell 2 
     </div> 
    </div> 
     </td> 
    </tr> 
    </table> 
</body>

因此，應該最大化Cell 2 div。有沒有跨瀏覽器的方式來做到這一點？爲什麼這很複雜？

來源

2009-02-21 mzehrer

上面的代碼有什麼問題？只是在FF3和IE6/7中打開它，RED div佔用了整個單元格。 – 2009-02-21 19:10:31

爲什麼在div裏面有一個div如果它的高度和寬度是100％？有沒有其他方式只是使用包含div爲您的目的？

它可能不工作，因爲高度失敗，除非containg元素有一定的高度適用於它。

來源

2009-02-21 10:48:24 Sam152

我需要添加Google地圖的div。 – mzehrer 2009-02-21 11:38:51

不能只放在谷歌地圖，並讓它填充原始的div？ – Sam152 2009-02-21 13:39:37

看看this stack overflow question以及...在查看該問題中的the top rated answer之後，它看起來像您必須將容器的高度設置爲100％，將子元素的「最小高度，高度」設置爲100％。

轉到this website更多信息 - 下面的HTML被精簡的網站

<div style="height:100%;"> 
    <div style="min-height:100%; height:100%; background-color:red;"> 
    put your content here 
    </div> 
</div>

來源

2009-02-21 10:49:57

這對我不起作用，請參閱我編輯的問題示例。 – mzehrer 2009-02-21 15:11:03

的版本使用Javascript/jQuery的，你可以很容易地得到父元素的高度，並相應地調整你的股利。

但是，由於div位於表格單元格中，寬度不是固定的，因爲單元格將根據表格中其他單元格的內容進行擴展和收縮。所以確實沒有正確的寬度，單元會根據所有單元的內容自適應。

順便說一句，你的高度問題可以很容易地解決它設置爲400px，但我想所示的表結構只是一個例子（1行，400px高度...）。

來源

2009-02-21 15:48:13 jeroen

如何將div縮放到另一個元素內部的100％高度和寬度

回答

相關問題