【发布时间】：2011-12-16 00:04:12
【问题描述】：
我有一个<ul>，它具有{position:fixed;z-index:10;} css 属性。
里面有<li>-s 有{display:block;margin-top:15px;}
css 属性。它包含<p> 和一些文字，li 有背景
图片宽度和高度为 50 像素。
此<ul> 位于正文标记中，而该标记是站点的其余部分：
<body>
<ul id="myProblematicUl"></ul>
<div id="restOfTheSite"></div>
</body
它适用于我测试过的所有浏览器（大约 7-8 个浏览器）。它不仅适用于 IE6。问题是它会将restOfTheSite 推到最后一个li 的底部，而不是彼此相邻。
可能是什么问题。我无法解决这个问题。
【问题讨论】：
-
IE6 支持到底有多重要？这是一款市场份额很小的旧浏览器，随着时间的推移只会进一步缩小。如果它适用于 IE7+ 和其他主要浏览器，那我就称它为工作完成。
-
你的body标签有
position: relative;吗？ -
您如何将
#myProblematicUl和#restOfTheSite放在一起？如果您要浮动它们，将display: inline应用于浮动元素似乎可以解决 IE6 中的任何浮动问题。 -
@GordonM，不幸的是，IE6 仍然被很多人使用，我必须考虑 IE6，因为对于我的一个网站，14.23% 的 IE 访问使用 IE 6，即每月大约 14,000 次个人访问.
-
@wanovak 没有body没有，但是ul-s的li有
标签： html css internet-explorer cross-browser internet-explorer-6