如何定位嵌套的ul元素相對於和不在側潛元素而不是其父元素

我有一個DIV元素包含嵌套的多級UL元素。所有UL元素絕對定位和DIV元素相對定位。如何定位嵌套的ul元素相對於和不在側潛元素而不是其父元素

現在我希望所有UL子元素都相對於DIV元素而不是其父元素進行定位。

下面是示例代碼：

<div id="menu-container"> 
<ul> 
<li><a href="#">Level 1.1</a> 
    <ul> 
    <li><a href="#">Level 1.1.1</a> 
     <ul> 
     <li><a href="#">Level 1.1.1.1</a></li> 
     <li><a href="#">Level 1.1.1.2</a></li> 
     </ul> 
    </li> 
    <li><a href="#">Level 1.1.2</a></li> 
    </ul> 
</li> 
<li><a href="#">Level 1.2</a> 
    <ul> 
    <li><a href="#">Level 1.2.1</a></li> 
    <li><a href="#">Level 1.2.2</a> 
     <ul> 
     <li><a href="#">Level 1.2.2.1</a> 
      <ul> 
      <li><a href="#">Level 1.2.2.1.1</a></li> 
      </ul> 
     </li> 
     <li><a href="#">Level 1.2.2.2</a></li> 
     <li><a href="#">Level 1.2.2.3</a></li> 
     </ul> 
    </li> 
    <li><a href="#">Level 1.2.3</a></li> 
    </ul> 
</li> 
<li><a href="#">Level 1.3</a> 
    <ul> 
    <li><a href="#">Level 1.3.1</a> 
     <ul> 
     <li><a href="#">Level 1.3.1.1</a></li> 
     <li><a href="#">Level 1.3.1.2</a></li> 
     </ul> 
    </li> 
    </ul> 
</li> 
<li><a href="#">Level 1.4</a> 
    <ul> 
    <li><a href="#">Level 1.4.1</a></li> 
    <li><a href="#">Level 1.4.2</a></li> 
    <li><a href="#">Level 1.4.3</a></li> 
    <li><a href="#">Level 1.4.4</a></li> 
    <li><a href="#">Level 1.4.5</a></li> 
    </ul> 
</li>

來源

2011-05-06 Srinivas

您可以添加您當前的CSS？另外，如果你創建了一個[jsFiddle測試用例]（http://jsfiddle.net/），它會*真的*幫助。 – thirtydot 2011-05-06 10:55:46

你將不能夠，因爲孩子UL元素總是會具有某種定位的最近的父時， UL是擁有職位的先前UL的子女。

我的直覺告訴我，如果你想去一個PURE CSS菜單（這在我看來有點矯枉過正），你可以檢查一下Stu Nicholls是否有可以激勵你的東西，你可以檢查他工作在：http://cssplay.co.uk/

來源

2011-05-08 09:13:19 leopic

如何定位嵌套的ul元素相對於和不在側潛元素而不是其父元素

回答

相關問題