【发布时间】:2013-11-20 00:01:28
【问题描述】:
我有一个导航菜单作为图像。我用图像作为背景和固定的宽度和高度制作了一个导航 div。现在在我想要导航链接的行下的小框中。所以我所做的是我在导航 div 中创建了多个 div,并将它们定位在小盒子中。所以它们都在 Firefox 中完美定位,但不幸的是,在 chrome 等其他浏览器中它们有不同的位置(没有什么极端的,但它们在小盒子中并没有完全对齐)。
我的想法是,只要容器 div 有一定的固定高度和宽度。子 div 的边距在所有浏览器和屏幕尺寸上都是相同的,因为它们总是相同的尺寸。这怎么可能?使这个导航菜单成为可能的最佳选择是什么?
【问题讨论】:
-
您是否使用了 CSS 重置?这通常有助于解决浏览器边距不一致的问题。 Eric Meyer's 不错。
-
这可以帮助你理解为什么它是这样的webmasterworld.com/css/3706370.htm
-
字体在不同浏览器/操作系统上的渲染也略有不同。所以孩子的大小可能会因此而改变。