html-CSS:填充问题.请帮忙

前端之家收集整理的这篇文章主要介绍了html-CSS:填充问题.请帮忙 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我在Chrome中遇到了一个奇怪的CSS间距问题(但在Firefox和/或IE中却没有)

My site is here.

在Firefox中,“房地产搜索”(H2标签)和“加利福尼亚州旧金山”的表单输入字段(#city-field输入标签)之间的垂直间距是完美的,但是在Chrome浏览器中,Chrome会应用更多/额外的垂直间距超出期望.

为了帮助您,我附上了屏幕截图.红线表示Chrome所添加的额外间距,而Firefox / IE没有.

关于Chrome使用比Firefox& amp; amp;更大的间距的任何想法IE浏览器

以及如何解决此问题.

提前致谢

更新

我还使用“重置样式表”在所有浏览器中标准化H2间距等.可以在上面的链接HTML文档中找到它,但仍然遇到此问题.

最佳答案
我以为行高是罪魁祸首.尝试将h2的行高设置为13到15像素左右.默认情况下,它设置为正常.根据W3C,行高:正常“告诉用户代理基于元素的字体将使用的值设置为“合理”的值.” Firefox和Chrome可能会设置不同的“合理”值,因为它们是基于完全不同的渲染引擎构建的.

猜你在找的CSS相关文章