0

我的网站上有一个 div,我正在尝试使用 margin-top 属性将此 div 定位在 css 中。

我目前正在使用:

margin-top: -0.5px;

执行此操作时,我的 div 会略微偏低,但是如果我执行 margin-top: -0.6px; 然后它太高了,我试图找到一个介于 0.5 和 0.6 之间的值,

有没有办法我可以使用 2 个小数位值,例如:

 margin-top: -0.5.5px; 

非常感谢任何帮助,谢谢?

4

1 回答 1

0

简短的回答是小数 css 像素比率被舍入或截断。

考虑以下几点:

div.someclass {margin-top: 0.55px;}

和百分比

div.someclass {margin-top: 35.55%;}

大多数浏览器会将这些值四舍五入到最接近的百分比,并被其他浏览器截断。这意味着上述 2 个示例将被解释为 0.6px / 0.5px 和 35.6% / 35.5%,具体取决于用户的浏览器。

有关小数 css 值的更多信息,请查看此 stackoverflow 线程:是否尊重 CSS 宽度中的小数位?

我们如何解决这个问题?不幸的是,您实际上不能,但您可以尝试通过添加一些内部填充来抵消边距分数,方法是使用抵消边距的分数。

例子:

div.outer {margin-top: 0.5px;}
div.inner {padding-top: 0.1px;}

这肯定会导致与 margin-top: 0.6px 相同的输出,但根据您的整个 CSS 主题的细节,您可能会注意到细微的差异。

于 2013-03-26T22:03:23.433 回答