化妆格始终处于底部

问题描述：

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

父格没有高度，因为我在响应式设计工作问题的第二个div始终保持在最佳，需要与容限top：Xpx; 处于父级的底部，但是这会使得问题在响应中，因为如果第一个的高度小于margin-top：Xpx;将显示可用空间

感谢的

为什么第一个div使用'position：absolute'？ – rhgb 2012-07-06 05:54:00

这个图像滑块，我尝试使用第一个div中的相对和结果是相同的 – user533178 2012-07-06 05:56:04

当你说_bottom_时，你的意思是第二个div应该在第一个div之后，还是应该坚持到父级的底部？ – rhgb 2012-07-06 05:58:37

答

嘿，现在用这个代码，这样

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

问题时的相对位置添加父DIV这个例子：http://tinkerbin.com/ZsLf6bJE – user533178 2012-07-06 06:28:23

嘿@ user533178我想你想这个http://tinkerbin.com/ZPsLxUP3现在绝对位置是要求的高度，如果你不给高度高于相同的高度父母相对于填充等于绝对位置高度....... – 2012-07-06 06:33:06

化妆格始终处于底部

相关推荐