0

編集 1

jsfiddle リンクで更新しました。http://jsfiddle.net/DrFSV/

最後の行の波状の画像が見えますか? #outer_middle の外でその動きを取得しようとしています。

アドバイス？

これは元のリンクに関係します。サイトのリンクを削除しました。

#outer_middle という名前の div コンテナーがあり、その中に #middle と #sidebar という名前の別の 2 つのコンテナーがあります。

#middle 内の div をコンテナの外に少し出そうとしています...

したがって、position:relative を #outer_middle に配置し、position:absolute を #diy (黒い境界線のあるもの) に left:-90px; と組み合わせて配置します。

（私の理解によると、内側のコンテナを外側のコンテナの外に移動させようとしている場合は、このように相対位置と絶対位置を配置する必要があります）。

これはサイドバー (ピンク色の列) に影響し、それは #middle の下にあり、diy の画像はコンテナの外側ではなく内側の左に移動します。

なんで？

#diy をコンテナの左外側に移動するにはどうすればよいですか?

そして、#diy もフローに残るようにこれを行うことは可能ですか?

アドバイスをお願いします。私の質問が不明な場合はお知らせください。ありがとう。

4

3 に答える 3

0

#outer_middleのオーバーフローを表示に設定した（または単に削除した）場合は、希望する結果が得られるようです。

于 2012-08-14T01:08:31.507 に答える
0

あなたの質問を正しく理解していれば、あなたの#diy要素はすでにコンテナの左側にあるようです。あなたが言ったように、それは「外側」ではありません。

z-index#diy 要素の CSS プロパティを調整してみてください。z-index が大きい要素は、z-index が小さい要素よりもページの「上」に配置されます。#diyが一番上になるように、99 の z-index を追加します。

z-index: 99;

CSSに。

于 2012-08-14T00:28:38.297 に答える
0

#outer_topと#topを以下のコードに変更します。それがあなたが達成しようとしているものかどうかを確認してください：

#outer_top {
  background-color: red;
  width: 1000px;
  margin: 0 auto;
}

#top {
  margin: 0 0 0 -90px;
  width: 500px;
  background-color: pink;
  height: 100px;
}
于 2012-08-14T00:32:37.420 に答える