边距与固定位置元素的位置

时间:2015-06-30 22:47:47

标签: css

一个小弹出窗口告诉我,我的浏览器中有一个新的Twitter粉丝。我点击了检查元素来解决,当然并不惊讶它是一个固定的位置元素,但CSS让我感到惊讶。

bottom:22px

是否有理由使用边距代替PATHMYPATH="Logs/" touch $MYPATH$NAME_OF_FILE$DATE.$FILE_EXT

1 个答案:

答案 0 :(得分:0)

有趣的一点是,我尝试了两种方式,基本上两种方法都会产生相同的结果。

我想说两种方法在最简单的例子中是等价的。

如果查看CSS规范,可以约束左/右偏移和左/右边距以及宽度,具体取决于指定的值或设置为自动。

请参阅:http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width

然而,我发现很难想象一个案例,其中指定偏移与边距会有所不同(可能有一个奇特的情况,但我无法想到它在我的头顶)。

body {
    margin: 0;
}
.popup {
    background-color: yellow;
    position: fixed;
    right: 0;
    bottom: 0;
    margin: 40px;
}
.popup-alt {
    background-color: lightblue;
    position: fixed;
    right: 40px;
    bottom: 40px;
}
<div class="popup">Yellow Popup Element</div>
<div class="popup-alt">Blue Popup Element</div>