1

我相信这个问题已经被问过很多次了，并且在它发生之前我已经设法克服了这个问题。刚才，我觉得被它困住了，找不到合适的解决方案让它在所有浏览器中都能正常工作：它只能在 Firefox 中正常工作，而在 IE 和 Safari 中，它的元素不知何故彼此分开。你可以在这里看到结果：http: //img813.imageshack.us/img813/8393/firefox.png http://img812.imageshack.us/img812/8041/10990669.png

这是我使用的代码：http: //pastebin.com/n6KEjazp

非常感谢您！

4

1 回答 1

1

除了填充错误拼写（无效的 CSS）之外，其他浏览器计算单元格高度的方式也不同。在 IE 中，高度被添加到填充中。

改变这个：

  .top_menu {
      background-image: url(images/header.png);
      background-repeat: no-repeat;
      height: 155px;
      font-family: LilyUPC;
      padding-left: 184px;
      padding-top: 120px;
  }

对此：

  .top_menu {
      background-image: url(images/header.png);
      background-repeat: no-repeat;
      font-family: LilyUPC;
      padding: 120px 0 1em 184px;
  }
于 2010-06-12T00:38:14.450 回答