0

を中央に設定した幅 (ピクセル単位) の div がありmargin: auto;ます。この div の左または右に要素を配置し、中央の div の余白の幅に合わせて幅を動的に調整するにはどうすればよいですか?

ご協力いただきありがとうございます！

編集：詳細...

基本的には、次の設定です。

<div></div>
<div style="margin:auto; width: 950px">content goes here</div>
<div></div>

中央の div の左右に同じ背景画像を配置したいのですが、中央の div には別の画像が必要です。では、中央の div の余白全体をカバーする幅で、左右の div を中央の div の左右に揃えるにはどうすればよいでしょうか。

4

3 に答える 3

1

背景のみの場合は、次のようにできます。

<div style="background: url('path/to/image.jpg'); background-size: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0;">
  <div style="margin:auto; width: 950px">content goes here</div>
</div>

背景 div に背景を投影します。次に、内側の div で、親 div の背景を超える別の背景を指定できます。

于 2012-11-22T09:34:54.797 に答える