Chrome和Firefox之间的水平高度不同

Chrome和FF的页面有很大的不同，Chrome里面的边框好像是在里面，所以高度是130px，但是在FF中，边框在外面，所以高度是150px。Chrome和Firefox之间的水平高度不同

我已经添加了更多的代码信息。

<div class="service_promos cf"> 
    <ul> 
     <li> 
      <h2><a>item1</a></h2> 
     </li> 
     <li> 
      <h2><a>item2</a></h2> 
     </li> 
    </ul> 
</div>

这里是CSS：

.service_promos { 
    margin-top: 0; 
} 

.service_promos ul { 
    width: auto; 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    list-style-image: none !important; 
} 

.service_promos li { 
    background: none; 
    border-bottom: 10px solid #e2e1d6; 
    border-left: 10px solid #e2e1d6; 
    border-right: 10px solid #e2e1d6; 
    min-height: 130px; 
    margin-top: 0 !important; 
    padding-right: 1em; 
    list-style-type: none; 
    padding: 1em 2em; 
    display:block; 
} 

.service_promos h2 { 
    float: left; 
    margin-left: 5%; 
    margin-top: 0; 
    width: 70%; 
    color: #FF6526; 
    font-size: 2.5em; 
    font-style: normal; 
    font-weight: 700; 
    line-height: 1em 
} 

.service_promos h2 a { 
    color: #FF6526; 
    text-decoration: none; 
}

来源

2013-07-31 Rui Liu

它看起来我看到HTTP如出一辙：// jsbin.com/aqiyep/1/edit是什么问题？ – user1721135

Chrome和FF之间的高度不同，FF更高。 –

在两个测试，但其相同。你可以张贴截图吗？ – user1721135

您提供的项目看起来蛮好看的。

如果仍然不满意自己的外表，你可能要考虑使用或者您的项目/页内的Normalize.css或Reset.css参考。

这些样式表的目的是帮助“标准化”常用的所有元素，以便它们在不同的浏览器和环境中显示类似。

（我会建议您检查，如果您有任何其他加载项或扩展，也可能会被使用您的任何元素的外观干扰）

来源

2013-07-31 17:18:50

Chrome和Firefox之间的水平高度不同

回答

相关问题