Question

我对li项目position:absolute;的IE定位存在问题。该结构在所有其他浏览器中都可以正常工作：

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

你不能在anchor tag IE中放置ul并不允许其他浏览器对某些无效的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

li在IE中的绝对位置

1 个答案: