0

我有以下 HTML 和 CSS

<body>
<p>Foo Foo Foo</p>
</body>

p {
    font-size: 50px;
    font-weight: 600;
    margin-top: 20%;
}

如果您要在浏览器中打开此代码，减小浏览器的宽度会使文本向上移动。避免这种情况的最简单方法是什么？

4

2 回答 2

1

该margin-top值是根据视口（屏幕窗口）的宽度计算得出的。

您需要使用另一个相对单位em或绝对单位，如px.

这部分取决于您尝试创建的效果。

请参阅参考：http ://www.w3.org/TR/CSS2/box.html#margin-properties

于 2013-04-20T18:01:12.897 回答
1

我假设你对此无能为力。即使你做了一些事情来让它工作（比如让容器成为内联元素），它也将是一个 hack。

百分比是根据生成框的包含块的宽度计算的。'margin-top' 和 'margin-bottom' 也是如此。

在W3阅读更多

于 2013-04-20T18:07:34.303 回答