表格中的Html <ul> <li> <ul>按下第二行</ul> </li> </ul>

Question

我有一个两行的表，其中填充了无序列表/有序列表元素，当用户将鼠标移到它们上时，这些元素会展开。但是，它们在展开时也会压低表格的其余部分。我该怎么解决这个问题？这是jsbin：http://jsbin.com/aSevovIs/3/edit?html,css,output

Answer 1

向ul li ul规则添加position:absolute;并添加新规则：

td {
    position:relative;
}

<强> jsFiddle example

Answer 2

尝试制作＆lt; ul＆gt;元素位置属性绝对，它会给浮动div的印象，它不会弄乱表高度。