如何使span元素正确地工作？

Question

我有一个span元素,我希望它出现在页面的右上角.为此,我用过margin-right:10px.但它没有显示效果.在哪里margin-left工作.为什么是这样？如何使span元素出现在页面的右侧？

Answer 1

试试这个(jsFiddle)

.right-corner {
    float:right;
}

或者这个(jsFiddle)

.right-corner {
    position:absolute:
    top:0;
    right:0;
}

保证金权利不起作用的原因是因为它只是给你的元素一个正确的边距而不是重新定位它.为了帮助你理解,如果你把元素放在你的元素后面margin-right,它们之间会有一个间隙,即边距.

margin-left 也这样做,它只是在左侧进行,因为元素是从左到右的位置,左侧的间隙看起来像是向右移动.

看看这个小例子试着去理解.如果你不明白,你应该阅读CSS盒子模型.