在我的网站上，我有以下布局：
outer-div with display: table
inner-div with display: table-row and width/height 100%
list-div with display: table-cell and width 25%
detail-div with display: table-cell and height 75%
在 list-div 里面有一个 ul 和几个 li 元素。在 detail-div 中有另一个宽度/高度为 100% 的 div。这是一张图片在开始时的样子：http: //puu.sh/5e1wo.png
注意列表元素的上边距。当我单击其中一个项目时，想法是在 detail-div 元素中添加其 (html-) 描述。虽然它的工作原理很奇怪，但它也会影响列表元素的边距，如下图所示：http: //puu.sh/5e1HI.png http://puu.sh/5e1Iq.png
不知何故，列表元素似乎与另一个 div 中的内容对齐，即使它们的第一个公共锚点在上面 3 个级别。有没有办法避免这种情况？