Li ...元素... li元素 - 當第一個div未隱藏時顯示li的內聯

Question

如果在它們之間是一個元素，是否可以顯示2 li？

這樣的：

http://jsfiddle.net/tbw4f23g/5/

只有工作，如果我第二次顯示.parts表，但如果我顯示1 .parts.table第二李下降。

試圖把.parts表放在li標籤中，但問題是它需要父（li）的寬度，而不是祖父母（.container）的寬度。

也試圖讓.parts-table顯示：絕對，而.parts-table是在li標籤中，但問題是它在頁腳下。

編輯：

也試過顯示李 - 通過操縱顯示屬性inline-block的

Answer 1

你可以做到這一點。有類似的東西：

display:inline-block; 

Answer 2

您需要重構您的HTML。就目前來看，你將無法完成你所需要的。所述DIV元件需要是內部的裏元素，否則它們只是另一個在每個利之間塊級元素（和它上面變爲無效HTML所概述）：

<div class="container"> 


<ul class="sections"> 
<li>First li 
<div class="part-table"> 

<table> 
<tbody> 
<tr> 
<td>1111</td> 
<td>22222</td>    
</tr><tr> 
<td>1111</td> 
<td>22222</td>    
</tr><tr> 
<td>1111</td> 
<td>22222</td>    
</tr><tr> 
<td>1111</td> 
<td>22222</td>    
</tr><tr> 
<td>1111</td> 
<td>22222</td>    
</tr> 

</tbody> 
</table> 
</div> 
</li> 


<li>Second li 
<div class="part-table"> 

<table> 
<tbody> 
<tr> 
<td>1111</td> 
<td>22222</td>    
</tr><tr> 
<td>1111</td> 
<td>22222</td>    
</tr><tr> 
<td>1111</td> 
<td>22222</td>    
</tr><tr> 
<td>1111</td> 
<td>22222</td>    
</tr> 
</tbody> 
</table> 
</div> 
</li> 

</ul> 

</div> 

我會讓你把我們的剩下的事情弄清楚。