Question

我正在试图弄清楚如何开发一个我们可以用来组织杂志的页面。杂志将有多个部分包含多个页面，每个页面上可能有多个文章。为了实现这一点，我希望为每个页面或部分设置一个DIV，以表明它从属于它上面的组。这是我希望它看起来像的图片：

我只想使用CSS来实现这一目标。到目前为止，我已经想出了这个：

但它使用Javascript来设置第1列的宽度，因为每个其他列也必须排列并且第1列上的变量宽度，它会抛出布局。我确信我可以使用Javascript来设置“评论”列的宽度，但我觉得必须有一个更好的解决方案使用CSS。

我愿意使用表格，如果它有意义，但每个项目都必须是可拖动的，这样它们可以重新排列，而且它们必须能够被移动到其他部分，所以我已经将它们设置在DIV中以使其更容易。

非常感谢任何帮助或建议。

Answer 1

您应该可以使用relative positioning执行此操作。

您需要为元素指定一个id，然后使用这样的CSS：

#divid {
    position:relative;
    left:20px;
}

这将强制div从你的默认位置开始移动多少。