2016-05-30 169 views
0

我有這樣的結構:LI子元素

<div style="position: relative" id="i1"> 
    <ul style="display: block" id="i2"> 
    <li style="display: inline-block; position: relative;" id="i3"> 
     <ul style="display: block;position: absolute; left: -??px; right: ??px" id="i4"> // visible on parent elm:hover 
     <li>..</li> 
     <li>..</li> 
     <li>..</li> 
     </ul> 
    </li> 
    </ul> 
</div> 

我確實需要的DIV ID = I1的整個寬度總是顯示懸停的元素ID = 0-14,但是當我的父母是元素id = i3,並且這個元素是相對內聯的,我如何能夠達到左右屬性的值?我可以用CSS清理嗎?

+0

一個ID不能以數字開頭。嘗試將初始ID的ID更改爲id1。不管你的問題。 – Narxx

+0

它只是用於識別此實例,好吧我會在這裏更改它 – Martin

+0

您可以創建一個片段嗎? –

回答

0

解決,(我的愚蠢):

<div style="position: relative" id="i1"> /// only relative parent element 
     <ul style="display: block" id="i2"> 
     <li style="display: inline-block; /*position: relative;*/" id="i3"> // removed position: relative; 
      <ul style="display: block;position: absolute; left: 0px; right: 0px" id="i4"> // visible on parent elm:hover 
      <li>..</li> 
      <li>..</li> 
      <li>..</li> 
      </ul> 
     </li> 
     </ul> 
    </div>