这个CSS有什么问题？

Question

Here's the problem

div {
    border: 1px solid black;
    top: 138px;
    bottom: 158px;
    left: 33px;
    width: 10px;
    position: absolute;
}

我不认为div应该只有30px高，而不是60

Answer 1

div {
    border: 1px solid black;
    height:30px;
    left: 33px;
    width: 10px;
    position: absolute;
}

Answer 2

bottom指定距包含元素底部的距离（我认为，absolute定位框的窗口）到所描述元素的底部 - 而不是从包含元素的顶部开始

要指定高度，请使用height属性。

Answer 3

通过同时指定top和bottom，您可以使元素的高度由其父元素的高度决定。它的高度必须高达138px，距离顶部158px。

如果您想控制元素顶部及其高度的位置，请指定top和height而不是top和bottom。

Answer 4

您不需要top和bottom。一个很好

如果div的长度为400px，并且内部有一个元素，顶部设置为50px，则底部将自动设置为余数。所以你只需要设置其中一个。

注意，如果未设置height：则div不占用任何空格。

div {
    border: 1px solid black;
    height:30px;
    top: 138px;
    left: 33px;
    width: 10px;
    position: absolute;
}

Answer 5

高度取决于位置;想象3点，放置在您指定的位置（top, left, bottom）并在调整页面大小时移动。 div将根据这些点改变高度。仅指定left和top对高度没有影响。

问题是您使用top或bottom而不是高度。