液体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 - 尺寸问题

回答

相关问题