有沒有辦法在li標簽中並排放置兩個div？

Question

我有一個使用jquery滾動的列表。 我想在li內有兩個單獨的div，以便它們一起滾動，但是除非被函數調用，否則一個是隱藏的。 例如：

<ul id="scrollul">
  <li id="item1" class="active">
     <div>1</div>
     <div style="display:none;">2</div>
  </li>
</ul>

Answer 1

看到更新的提琴與兩個div並排對齊

小提琴： http : //jsfiddle.net/ZnZuY/1/

演示： http : //jsfiddle.net/ZnZuY/1/embedded/result/

注意：我只是將邊界作為邊界，以便您可以輕松識別元素。 我刪除了display：none; 從#right div臨時開始，因此您可以在演示中看到#right div。 請根據您的要求將其放回去。

Answer 2

根據您要完成的工作，您可能需要將2nd div標簽嵌套在1st div標簽內，以便第二div內容具有作為容器的第一div標簽內容，如下所示：

HTML

<ul id="scrollul">
   <li id="item1" class="active">
      <div id="div1"> 1st content
         <div id="div2">2nd content</div>
      </div>
   </li>
</ul>

CSS

#item1{
    list-style:none;
}

#div1{
    position:relative;
    float: left;
}

#div2{
    position:absolute;
    float:left;
    display: none;
}

如果不是這種情況，我認為您將需要更好地定義您的問題。