垂直线在不同的浏览器中改变长度,这是正常的吗?

时间:2012-10-30 00:21:02

标签: css

我设计了一个3列的网站,我想在每列之间放置一条细长的水平线。我很容易做到这一点并且在Chrome中得到了我想要的确切高度,然后我在Firefox中打开它,水平线大约缩短了10px,IE9也是如此。 这是正常的还是我做错了什么?无论如何要解决这个问题或做得更好。这是我使用的CSS,html只是一个div:

    #horizontal-dividing-line-news-arabnews {
    border-left: solid 0.1em #0099FF;
    height: 31.8em;
    float: left;
    color: #FFF;
    margin-top: 7.3em;
}
谢谢你!

1 个答案:

答案 0 :(得分:1)

您在此处使用em(“ems”)作为尺寸的单位。

“Ems”与当前字体大小成正比,浏览器可能并非都具有相同的默认字体大小,因此这就是尺寸变化的原因。

您需要使用px(像素)。