CSS'；位置：相对位置'；和'；最高：xx%'；标签组合在chrome中工作，但不在任何非webkit浏览器（FF、IE、Opera等）中工作 我遇到了一个非常奇怪的行为，尤其是我认为是一个简单的代码！基本上，我是在尝试‘定位：相对；’页面底部的页脚导航。在镀铬中，它正确地位于底部。在FF（或任何其他非webkit浏览器）中，它不在页面底部，几乎在页面顶部。如果我更改一行CSS（position:relative to position:absolute；），它适用于所有浏览器，但当我调整屏幕大小或放大/缩小时，它不能正确浮动。我已经在“锅炉板”HTML/CSS中确认了这一点，并且通过所有正确的浏览器重置，我得到了相同的行为。这些都在Windows7中。下面是两个非常简短的HTML和CSS片段。为什么这不起作用？任何关于如何在浏览器间使用简单的页脚导航并在放大/缩小时使其正确浮动的解决方案都将不胜感激 <ul id="avmenu"> <li class="current"><a href="first.html">First page</a></li> <li><a href="second.html">Second page</a></li> <li><a href="third.html">Third page</a></li> <li><a href="fourth.html">Fourth page</a></li> <li><a href="fifth.html">Fifth page</a></li> </ul> ul#avmenu { margin: 35px 0; padding: 0; font: 12px Verdana; list-style-type: none; position:relative; <---As is this works in chrome only. JUST CHANGE THIS to position:absolute and it works in all browsers but it doesn't float well resizing or zooming. top:70%; <--This only works ONLY in CHROME when above position:relative. Work improperly whhn position: absolute. *left:20%; } ul#avmenu li { display: inline; } ul#avmenu li a { padding: 5px 10px; border: 1px solid #aaa; background-color: #eee; color: #47a; text-decoration: none; } ul#avmenu{ 利润率：35px0； 填充：0； 字体：12px Verdana； 列表样式类型：无； 位置：相对；

查看这是否有助于您：

为了实现这一点，你会看到我已经强迫身体达到全高。根据你实际页面上UL的具体内容，你可能需要调整这个

关于相对与绝对的详细信息，我无法在此讨论中改进：

CSS

html, body {
height: 100%;
} 

ul#avmenu {
margin: 35px 0;
padding: 0;
font: 12px Verdana;
list-style-type: none;

position:relative; 

top:70%; 
left:20%;   
}

ul#avmenu li {
display: inline;
}

ul#avmenu li a {
padding: 5px 10px;
border: 1px solid #aaa;
background-color: #eee;
color: #47a;
text-decoration: none;
}

---

谢谢！这很有效（下面是qucik问题）。对于那些遵循这一点的人，简短回答html标记高度需要设置为：高度：100%；David，顺便说一句，我找不到设置或过度设置的位置。我在所有CSS文件中添加了高度：100%，但它不起作用。我最后不得不在html文件中内联添加它（为了让它发挥作用。了解为什么会出现这种情况吗？很难知道为什么在没有链接到实际页面的情况下，无法在CSS文件中使用高度设置。如果您知道如何在Chrome或Safari中使用firebug或web inspector，您可以使用它来检查HTML元素的最终样式来自何处。你可以尝试的另一件事是将它添加到样式表的末尾（以确保它不会被页面下方的样式所覆盖），或者你可以尝试使用高度：100%！重要。不过，你现在已经按照你想要的方式工作了，所以这才是最主要的！