液體HTML - 尺寸問題

爲什麼紅色盒子與綠色盒子的尺寸不一樣？（我必須擁有絕對位置，因爲我覆蓋了兩張圖像）液體HTML - 尺寸問題

我在做什麼錯？

<div style="position: relative; float: left; width: 300px; background: red; border: 10px solid red"> 
    <div id="holder" style="position: relative;"> 
     <div style="position: absolute; left: 0px; top: 0px; background: green"> 
      <img src="image" width="100" height="100"></div> 
     <div style="position: absolute; left: 0px; top: 0px; background: green"> 
      <img src="overlay" width="100" height="100"></div> 
    </div> 
</div>

來源

2012-07-29 ojsglobal

你試圖達到什麼效果？不知道這一點，我們不可能告訴你你做錯了什麼。 – ClarkeyBoy 2012-07-29 19:23:08

爲什麼在外部div上沒有指定高度的任何原因？由於你的內部元素被絕對定位並從文檔的正常流程中移除，外部div不知道它們有多大。 – j08691 2012-07-29 19:25:37

非常符合我在說明中所說的內容！我有兩個圖像覆蓋，他們在一個浮動的div，我希望div伸展到圖像的大小。 – ojsglobal 2012-07-29 19:26:28

你需要給持有人div與圖像具有相同的高度。我假設你有一些特定的兩個重疊的圖像，所以你知道它們的大小。

來源

2012-07-29 20:38:26 Mamadum

液體HTML - 尺寸問題

回答

相關問題