绝对位置和浮动

Question

您是否有任何想法，如何设置此布局而不指定“元素1”的确切高度？

代码

Element1 
{ 
positon: relative; 
width: 100%; 
height: auto; /* I don't want to specify exact height */ 
} 

Inner1 
{ 
position: absolute; 
top: xyz px; 
left: xyz px; 
} 

Inner2 
{ 
position: absolute; 
top: xyz px; 
left: xyz px; 
} 

Element2 
{ 
float: left; 
width: 100%; 
} 

例

+--------------------------------------------------+ 
|Element1           | 
|        +--------+   | 
|  +--------+    |Inner2 |   | 
|  |Inner1 |    +--------+   | 
|  +--------+         | 
|             | 
|             | 
+--------------------------------------------------+ 

+--------------------------------------------------+ 
|Element2           | 
|             | 
|             | 
+--------------------------------------------------+ 

Answer 1

你可以尝试把一个div元素1和元素2

<div style="clear: both;">&nbsp;</div> 

Answer 2

我之间就清楚这两个设置'对不起，我误解了你的问题，你实际上不能实际环绕绝对定位的元素，因为它们被排除在正常流程之外，并且不能影响其他元素。

你也许可以解决这个使用JavaScript来获取绝对定位的元素的底部位置，并设置您的Element1到或更大height，或者你可以设置min-height上Element1所以它，因为它是包含Inner元素出现。