html - 使用 CSS 创建缩进 DIV

Question

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

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

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

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

任何帮助或建议将不胜感激。

score 0 · Accepted Answer

您应该能够使用相对定位来做到这一点。

你会想要给元素一个id，然后使用一些像这样的CSS：

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

这将强制 div 从默认位置移动到您指定的位置。

1 回答 1