使div始终在底部

时间:2012-07-06 05:51:30

标签: css css3

我的div有这个代码的问题

<div class="parent" style="position: relative;">
    <div class="first" style="position: absolute;">
        images etc ..
    </div>
    <div class="second">
        <ul>
            ... etc
        </ul>
    </div>
</div>

没有高度的父div,因为我正在进行响应式设计 问题是第二个div始终位于顶部且需要margin-top:Xpx; 在父母的底部,但这会产生反应问题,因为如果第一个的高度小于margin-top:Xpx;将显示自由空间

感谢的

1 个答案:

答案 0 :(得分:0)

嘿现在使用这个代码就像这样

<强> HTML

<div class="first">
images etc ..
</div>
<div class="second">
<ul>
... etc
</ul>
</div>

<强>的CSS

.first{
position: absolute;
  bottom:0;
  background:red;
  left:0;
  right:0;
}

现场演示http://tinkerbin.com/UrrM7EIv