html - 使用 List 模拟带有嵌套表格的动态表格 <ul> <li> 仅限 HTML 和 CSS

Question

我可以用 <ul> 创建一个动态表和 <li>根据内容调整列的大小。

但问题是，当我在一行中附加一个嵌套表格时，这个嵌套表格出现在该行的右侧而不是底部。

这是结构:

<li>
  <div></div>
  <div></div>
  <div></div>
  <ul>
     <li>
       <div></div>
       <div></div>
       <div></div>
     </li>
  </ul>
</li>

这是完整的 HTML 和 CSS 代码:

http://jsfiddle.net/F9mXv/25/

如何将嵌套表格放在行下？

谢谢!!!

Answer 1

您只需为其指定一行即可将嵌套表格向下移动。将其附在一组 <li> 中</li>标签，它将位于上一行的下方:JSFiddle