Question

在我的网站上，我有以下布局：

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中有一个带有几个li元素的ul。在detail-div中有另一个宽度/高度为100％的div。这是一个如何看待开头的图像： http://puu.sh/5e1wo.png

注意列表元素的上边距。当我点击其中一个项目时，我们的想法是在detail-div元素中添加它的（html-）描述。虽然它的工作原理奇怪但也会影响列表元素的边距，如下图所示：http://puu.sh/5e1HI.png http://puu.sh/5e1Iq.png

看起来，列表元素与其他div中的内容对齐，即使他们的第一个共同的安慰者是3级以上。有没有办法避免这种情况？

Answer 1

使用webkit-triads打开下一个inline-element，然后用你想要的东西交叉检查视图。它适用于铬。你有铬吗？

div将内容与其他div对齐

1 个答案: