CSS间距底部相对位置div与自动高度

时间:2013-01-16 21:14:46

标签: css height spacing css-position

我正在尝试在相对位置和自动高度的div底部添加空格。有人能以正确的方式指出我吗?

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

我尝试在#content中使用:

margin-bottom: 20px;

但是在定义最高规则时没用。

bottom: 20px;

对于一些reazon dos也不起作用。

1 个答案:

答案 0 :(得分:1)

相对定位允许您根据位移,高度以及它与视口一侧的距离移动视口外的元素,因此您无法确定#content完全可见...

请参阅示例:http://jsfiddle.net/Pdz3g/1/,因为min-height因高度已知,所以它可以正常工作。如果块垂直增长,其底部将再次隐藏在视口外。

如果您想要更多地控制此元素,请不要使用相对定位...