具有自动高度的相对位置 div 上的 CSS 间距底部

Question

我正在尝试在具有相对位置和自动高度的 div 底部添加空间。有人能指出我正确的方法吗？

我的代码:http://jsfiddle.net/Pdz3g/

我尝试在#content 中使用:

margin-bottom: 20px;

但是当top rule被定义时就没用了。

和:

bottom: 20px;

对于某些原因也不起作用。

Answer 1

相对定位将允许您根据位移、高度以及它与视口(viewport)一侧的距离将元素移动到视口(viewport)之外，因此您不能确保保留 #content 完全可见...

例如:http://jsfiddle.net/Pdz3g/1/由于min-height，高度是已知的，所以它起作用的地方。如果 block 垂直增长，它的底部将再次隐藏在视口(viewport)之外。

如果你想更多地控制这个元素，那么不要使用相对定位......