html - Safari 和移动浏览器中的 CSS 定位错误

标签 html css

这个问题困扰我好久了,一直没解决。该站点位于此处:

www.geoffpittsdesign.com

...我遇到问题的元素被注释掉了。有趣的是,在我正在处理的其他页面上,有些元素应用了完全相同的定位规则,但它们显示得很好。这只是我遇到问题的三个导航元素。任何建议或意见将不胜感激。

编辑:另外,我应该提到 Safari 和移动浏览器中出现的问题是三个图标堆叠在彼此之上,而不是假设它们之间存在水平间距。如果我指定越来越大的左边距,我可以让他们改变位置。但是,这些在 Firefox 和 Chrome 中显示正确,当我对后者进行更改时,元素在 FF 和 Chrome 中远离页面。

最佳答案

看起来您正在使用 xhtml,因此您需要列表的结束标记 </li> .

关于html - Safari 和移动浏览器中的 CSS 定位错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17645860/

相关文章:

javascript - 删除页码、标题和 url - Internet Explorer 上的 window.print()

html - 链接 img id ="logo"

javascript - Bootstrap .container-fluid 溢出

html - 如何让子菜单 float 在div上?

javascript - 滚动过去的元素时更改固定标题的背景

html - 使用 vue-material 框架创建网格布局有困难

html - 如何在文本上制作一个向内倾斜的边框?

asp.net - 顶部和底部自动定位?

html - 如何在表格单元格中实现不可见但可访问的链接?

html - 如何让我的 div 在另一个 div 内保持流畅而不重叠?