css - 绝对位置和 float

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

对不起，我误解了你的问题，你实际上不能环绕绝对定位的元素，因为它们被从正常流中取出并且不会影响其他元素。

您可能可以使用 JavaScript 来解决这个问题，以获取绝对定位元素的底部位置并设置您的 Element1到那个或更大height , 或者你可以设置 min-height在 Element1所以它看起来包含 Inner元素。