1

这是一个基本场景（我这样做不是为了专门对齐文本，但 div 中有很多其他内容，所以不要告诉我这不是对齐文本的最合适方法：D 我更感兴趣在这里的原则）；

<div id="1" class="mydivclass">
  <p>The first div</p>
  <div id="2" class="mydivclass">
    <p>The second div</p>
    <div id="3" class="mydivclass">
      <p>The third div</p>
    </div>
  </div>
</div>

使用 css，我可以使用同一个类来制作带有子 div（div 内的 div）的 div，以相对于它的父级将它们定位在页面上吗？所以我希望上面的输出看起来像这样：

The first div
  The second div
    The third div

我想知道我是否可以，如果可以，如何使用 CSS 实现这一目标？例如，您是否可以使用类似以下的方法将每个子 div 比父 div 多 10 个像素，以得到上述结果？

.mydivclass {
  padding-left: 10px;
}

因此，通过在每个 div 上嵌套相同的 CSS 类，它们会慢慢增加它们的水平对齐方式。

4

3 回答 3

1

你的意思是position:relative;这样的组合left吗？http://jsfiddle.net/EUTPB/

于 2012-08-13T14:42:22.053 回答
1

不是不使用表达式，只有 IE 支持。要做你想做的事，你必须使用position:relative和left.

于 2012-08-13T14:45:17.460 回答
1

这是一个严肃的问题吗？显然你可以，如果你真的想试试的话。这是您的实际代码：https ://dl.dropbox.com/u/73603348/nesting.html

于 2012-08-13T14:46:00.550 回答