Question

我的网站上有一个div，我试图使用margin-top属性在css中定位这个div。

我目前正在使用：

margin-top: -0.5px;

当我这样做时，我的div是如此轻微到低，但是如果我做了margin-top：-0.6px;它太高了，我试图找到0.5到0.6之间的值，

有没有办法可以使用2位小数值，如：

 margin-top: -0.5.5px;

真的很感激任何帮助，谢谢？

Answer 1

简短的回答是分数css像素比率要么是舍入的，要么是截断的。

点击以下内容：

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

和百分比

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

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

有关小数css值的更多信息，请查看此stackoverflow线程：Are the decimal places in a CSS width respected?

我们如何解决这个问题？不幸的是，你不能真的，但你可以尝试通过添加一些内部填充来抵消边际分数，其中一个分数可以抵消边际。

示例：

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

这肯定会产生与margin-top相同的输出：0.6px但是根据你整体css主题的细节你可能会注意到细微的差别。