如何使用边距制作100%尺寸的部分?

时间:2016-11-13 05:51:46

标签: html css css-position

我想要一个带有图片和视差滚动的边框,所以我在正文中添加了一个部分,其中包含了内容。但当我将该部分设为100%或100vh并增加余量时,它会越过身体。

2 个答案:

答案 0 :(得分:0)

100vh表示此元素与高度设备屏幕相同。要获得正确的输出,您需要重置此元素的边距

答案 1 :(得分:0)

您需要该部分为全高,边距为20px。所以我添加了小提琴here

这里的代码

<body style="margin:0;background: red; width:100%;height:100%;">

    <section style="position: absolute; display: inline-block; top:0; left:0; bottom:0; width:200px;  margin:20px; background:green;">

    </section>
</body>