IE7 CSS填充问题 - 不能弄清楚 [英] IE7 CSS padding issue - cannot figure out

问题描述

试图找出一个令人讨厌的IE7 CSS问题。由于一些奇怪的原因，在下面的页面，其填充显示比正常大得多。没有属性我应用似乎解决这个问题，我不知道为什么它正在发生。您可以在按钮（主要罪魁祸首）上看到此问题：

Trying to figure out a rather annoying IE7 CSS issue. For some strange reason on the page below, its padding is appearing to be much larger than normal. No properties I apply seem to fix the issue and I cannot figure out why it is happening. You can see the issue here on the buttons (the main culprit):

示例： http://www.matthewruddy.com/demo/?page_id=1088

这里是CSS applied：

Here is the CSS being applied:

.button {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  margin: 0;
  padding: 0;
  display: inline-block;
  white-space: nowrap;
}

.button span {
  margin: 0;
  padding: 8px 12px;
  display: inline-block;
  white-space: nowrap;
}

您可以在这里看到整个CSS： http://pastebin.com/Grsxh97H

You can see the entire CSS here: http://pastebin.com/Grsxh97H

网页来源： http://pastebin.com/rW33Nh0D

感谢任何人能够对

推荐答案

我之前遇到过这个问题。

I've come across this one before.

只要将溢出：可见套用到您的按钮即可解决问题。

Simply applying overflow: visible to your buttons will fix it.

我会尝试寻找参考

请参阅：

http://jehiah.cz/a/button-width-in-

这篇关于IE7 CSS填充问题 - 不能弄清楚的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！