3

我在按钮内获取 SPAN（或 DIV）以转到 Firefox（版本 20）中按钮的完整高度时遇到问题。

http://jsfiddle.net/spiderplant0/BwwuV/

它在 IE10 和 Chrome 中运行良好。

除了计算每个按钮的高度并在 px 中明确设置之外，有没有人知道是否有解决方案？

#id1_container {
    display: block; 
    text-decoration: none; 
    cursor: pointer; 
    box-shadow: none;
    background: none;
    -webkit-user-select: none;
    -moz-user-select: none; 
    user-select: none; 
    width: 100px;
    height: 100px;
    padding: 0;
    border: 1px solid green;
}

#id1_container > * {
    display: block;
    height: 100%;
    width: 100%;
    background: pink;
}

<button type="button" id="id1_container"><span>hello</span></button>
4

2 回答 2

1

您需要将其包装button在 adiv中才能使高度生效。

<div>
  <button type="button" id="id1_container">
      <span>hello</span>
  </button>
</div>

工作示例

老实说，这背后的原因对我来说仍然有点不清楚，我正在尝试自己弄清楚。我所知道的是，这是解决问题的唯一方法，而无需像其他人建议的那样进行黑客攻击。

于 2013-04-18T21:10:19.980 回答
0

由于您尚未重置边距和填充span，因此对我来说似乎是个问题。正如@Rockafella 所建议的那样，使用绝对定位的跨度会起作用，因此它对我来说似乎并不理想，因为您的跨度具有 100% 的宽度和高度。因此，请尝试在标记之前使用 CSS 重置代码，例如 Eric Meyer @ http://meyerweb.com/eric/tools/css/reset/提供的代码

于 2013-04-18T21:13:51.920 回答