与定位元素的垂直空间：绝对(Vertical space on elements with posi

我怎样才能使与元素position:absolute和动态的高度只用CSS占据的垂直空间？ 是否有与容器和显示器，我可以使用任何把戏？

Answer 1:

不幸的是，使用绝对定位装置，顾名思义，即你的元素不再占用空间。 所以，不，只有通过CSS是没有办法做到这一点。

当然你也可以使用jQuery（或普通的JavaScript）来做到这一点。 我怎么会做到这一点是有一个space相邻的垂直元素的元素。 括两个空间元件和在相对定位的div绝对定位竖直元件。 在页面加载，改变高度的空间元素相匹配的垂直元素的高度。

Answer 2:

position: absolute意味着它们不会在流动占空间。 不过，你不必使用保证金的动画，你可以用float让元素占用任何空间，使每个元素的position:relative 。

div.animate-me {
   width: 300px;
   margin: 20px;
   float: left;
   left: -1000px; // Make them start offscreen
   position: relative;
   border: 1px solid red;
   visibility: hidden
}​

$('div').css().animate({
    left: 0
});

样品 http://jsfiddle.net/qxzzX/1/

文章来源: Vertical space on elements with position:absolute