Html/css位置內部ul到外部ul

我在某種菜單的HTML/css定位方面遇到了一些麻煩。我有一個ul元素和一些li元素。這些li元素中的每一個都包含另一個ul元素。因此，例如，有這樣的事情：Html/css位置內部ul到外部ul

<ul class="level0"> 
<li id="nav-1-1" class="level1"><span> Option1 </span> 
<ul id="submenu" class=""> 
    <li class="level2" first="" nav-2-2=""> 
    <li class="level2" first="" nav-2-2=""> 
    <li class="level2" first="" nav-2-2=""> 
</ul> 
</li> 
<li id="nav-1-1" class="level1"><span> Option2 </span> 
<ul id="submenu" class=""> 
    <li class="level2" first="" nav-2-2=""> 
    <li class="level2" first="" nav-2-2=""> 
    <li class="level2" first="" nav-2-2=""> 
</ul> 
</li>

這僅僅是一個例子。我想要的是將內部ul元素定位在外部，而不是li。如何才能做到這一點？提前致謝。

來源

2011-12-28 nowave7

如果你說你不想將它定位到它的祖先，你的意思是你想把它絕對定位到外部ul元素？或者是其他東西？ – clem 2011-12-28 14:55:59

我不是很確切，不得不說。問題是外層ul有幾個列表元素，它們是菜單中的項目。這些li元素中的每一個都有內部ul作爲子菜單。我想要的是所有這些子菜單都固定在某個位置，即。 ul的右上角。希望這可以澄清一些事情？ – nowave7 2011-12-28 15:14:03

使外部ul position: relative;，然後內部ul position: absolute;
然後你可以根據外部ul無論你想要的位置。仍然沒有真正看到這一點，因爲你可以把它絕對定位到父李元素。

來源

2011-12-28 15:00:25 clem

問題是我想要所有的內部ul元素，這是子菜單，位於相同的位置。 – nowave7 2011-12-28 15:22:25

我認爲@stratton的意思是使'ul.level0'' position：absolute'，然後將'ul＃submenu'設置爲'position：relative'。這將使您的所有子菜單從相同的定位原點開始。 – 2011-12-28 15:29:54

不幸的是，這似乎並沒有工作。 – nowave7 2011-12-28 15:58:51

Html/css位置內部ul到外部ul

回答

相關問題