Question

有人可以在下面的代码中解释我top, left and margin-left and margin-top的用法吗？我看到我们已经给出了顶部值和最高值negative。这实际上实现了什么？

#volume {
    width: 250px;
    height: 13px;
    border: 1px solid;
    position: absolute;
    cursor: pointer;
    background: #dddddd;
    top: 80%;
    left: 35%;
    margin-left: -125px;
    margin-top: -15px;
    box-shadow: inset 0 0 12px #dddddd;
}

http://codepen.io/anon/pen/rbliK

Answer 1

保证金描述了您的盒子和相邻盒子之间的空间。设置负上边距表示您希望在块上方显示负间距。简单来说，控制相邻框之间间距的边距和正top-margin推动内容下降，负top-margin拉出内容。

另一方面，

top和left是positional属性，用于指定您的信箱所在的位置。 top left bottom right属性指定了相应边框的位置，包括其边距。

如果您希望元素对周围元素没有影响，请使用top left bottom right

点击此处了解更多信息：

link

在css中使用top和negative margin-top

1 个答案: