css - li在IE中的绝对位置

Question

我对 li 项的 IE 定位有问题 position:absolute; .该结构在所有其他浏览器中工作正常，如下所示:

HTML

<div class="container">
  <div class="container-nav">
     <ul class="nav">
       <a href="#">
         <li id="an-item">Hi</li>
       </a>
     <ul>
 </div>
<div>

所有父容器都是position:relative并在其他浏览器中正常工作。在具有这种格式的 IE 中，元素开始相对于容器外部进行定位。我让它正确的唯一方法是添加 position:absolute;到 <a>标签。当我这样做时，它会抛出所有其他浏览器。有任何解决这个问题的方法吗？我应该使用条件 CSS 还是不再是标准？

Answer 1

你不能在 ul 中放置一个 anchor 标签 IE 不允许其他浏览器对一些无效的 HTML 结构友好，但 IE 不是这样您可以执行以下操作:

<div class="container">
  <div class="container-nav">
     <ul class="nav">

         <li id="an-item"><a href="#">Hi</a></li>

     <ul>
 </div>
<div>

把你的anchor tag放在li

里面