0

Web レイアウトに 960 css グリッド ファイルを使用していますが、うまく機能しますが、このレイアウトでは div をオーバーラップさせる必要があります。

また、2 つの列が並んでいる場合、右側の列に class="pull_1" を設定することで、左側の列を重ねることができます。

<div class="grid_2">
    <p>
     <img src="../star.jpg" width="236" height="329" style="float:left;">
    </p>
  </div>

<div class="grid_2 pull_1">
    <p>
     <img src="../star.jpg" width="236" height="329" style="float:left;">
    </p>
  </div>

しかし、上に重ねたい場合は？はい、margin-top:-50px; を設定できます。そして、それは左と上に重なります。

<div class="grid_2">
    <p>
     <img src="../star.jpg" width="236" height="329" style="float:left;">
    </p>
  </div>

<div class="grid_2 pull_1" style="margin-top:-50px;">
    <p>
     <img src="../star.jpg" width="236" height="329" style="float:left;">
    </p>
  </div>

私はこのようなレイアウトを素晴らしいものにしたいのですが、これがそれを行う方法なのか、それとももっと良い方法があるのでしょうか? ここに画像の説明を入力 ありがとう！

4

1 に答える 1

0

すべての div に CSS ルール:position:absoluteを指定すると、オフセットを設定topおよびleft配置して、投稿した写真のようなレイアウトを作成できます。レイヤリングを正しくしたい場合は、div が後ろから前に並べられていることを確認してください。

absoluteポジショニング でできることの非常に簡単な例を次に示します: http://jsfiddle.net/ZqRgj/1/

于 2013-11-14T14:58:00.060 に答える