您是否有任何想法,如何设置此布局的样式而不指定“元素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 |
| |
| |
+--------------------------------------------------+
答案 0 :(得分:1)
对不起,我误读了你的问题,你实际上无法包裹绝对定位的元素,因为它们被从正常流中取出而不能影响其他元素。
您可以使用JavaScript来解决绝对定位元素的底部位置,并将Element1
设置为该height
,或者可以设置min-height
{ {1}}因此它显示为包含Element1
元素。
答案 1 :(得分:-1)
你可以尝试在元素1和元素2
之间放置一个清晰的div<div style="clear: both;"> </div>