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 を親よりも 10 ピクセル多くパディングして、上記の結果を得ることができますか?

.mydivclass {
  padding-left: 10px;
}

そのため、各 div に同じ CSS クラスをネストすることで、水平方向の配置を徐々に増やしています。

4

3 に答える 3

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 に答える
1

position:relative;との組み合わせということleftですか？http://jsfiddle.net/EUTPB/

于 2012-08-13T14:42:22.053 に答える