jquery - 无法弄清楚为什么该页面在 Firefox 中看起来很糟糕?在 Chrome/IE 中看起来不错

标签 jquery html css

我已经在这个页面上工作了很长一段时间,但我不明白为什么索引页面在 Firefox 中看起来如此糟糕。所有其他页面似乎都很好。我刚刚完成了模拟页面并对整个 javascript 文件进行了编程,但我对 HTML 非常糟糕。请注意,我从一个模板开始(此后发生了很多变化)。谁能指导我正确的方向?

页面:www.fsaesim.com/index.html .

我是否遗漏了样式中的某些内容?

编辑:请注意前面的图片看起来有多糟糕,顶部菜单栏的图标没有出现,而且看起来不平衡。在 IE/Chrome 中打开,然后在 Firefox 中查看失败。

最佳答案

问题是您使用 float:right 设置了 ul#menu 的样式。因此,在 Firefox 中,兄弟 div 具有相同的行为。指定一个明确的 float:left 来避免这种情况。

   <nav>
      <ul id="menu">
    ...
      </ul>
      <div align="center" style="overflow: hidden; width: 940px; height: 450px; float: left;">
            ...
      </div>
  </nav>

关于jquery - 无法弄清楚为什么该页面在 Firefox 中看起来很糟糕?在 Chrome/IE 中看起来不错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7275144/

相关文章:

html - 无法使用 goquery : some nodes are missing 收集 Google 搜索结果的所有节点

javascript - 选择后下拉菜单的灯箱效果

css - 选择 Safari Windows 上缺少的箭头

google-translate - 防止谷歌翻译将 html 的高度更改为 100%

javascript - jquery.trigger 2.2.1 时为 "e.stopImmediatePropagation is not a function"

javascript - 使用 'this' 单击页面时 jquery 获取元素 id 不起作用

css - HTML5 部分 - 如何在这种情况下进行标记和样式设置?

Javascript - 在 [contenteditable] 的子元素中获取插入符号后面的元素

javascript - 格式化 JSON 数据并将其附加到 html div

css - 用于 3d 转换的 javascript 库