无法定义正确的margin-top%

时间:2013-11-27 01:23:04

标签: css

我有一系列容器,从'body'开始都设置为100%的高度。

我设置'文章':

article {
  width: 100%;
  height: 50%;
  margin: 0;
  margin-top: 25%;
  padding: 0;
}

高度可以很好地占据其父母的一半(或屏幕,无关紧要)高度,但保证金最高不是25%,更像是它的三倍。

直播链接:http://no-plans.com/temp/wp-tobias/wordpress/?p=51

免责声明:仍旧脏样式表,可能存在继承冲突,但我找不到任何。我也尝试调整大小并将边距放到其他父div上,同样的问题。

1 个答案:

答案 0 :(得分:1)

如评论中所述,margin百分比与容器的宽度相关:http://w3.org/TR/CSS21/box.html#margin-properties

你可以通过绝对定位来解决top(这里的百分比是相对于容器的高度)。