1

この JSFiddle を検討してください: http://jsfiddle.net/GFsgq/5/ (少しズームアウトする必要がある場合があります)。

私が達成しようとしているレイアウトを示しています。今のところ順調に進んでいますが、障害が発生しました。中央の div の横に高さ 77px の 2 つの div を配置したい。画面の端と中央の div に常に触れるように、幅を保持する必要があります。プロパティをランダムに追加する以外に、CSS に関する私の限られた知識でこれを行う方法がわかりません。

彼女はあなたが理解するのを助けるための写真です: http://i49.tinypic.com/2ntz34n.png 青いストリップは、div を配置したい場所です。どうすればこれを達成できますか?

4

2 に答える 2

1

これを CSS に追加する必要があります。

header:after {
  content: "";
  display: block;
  background-color: blue;
  width: 100%;
  height: 80px;  
}

jsFiddle: http://jsfiddle.net/GFsgq/32/
fullsrcreen 結果: http://jsfiddle.net/GFsgq/32/embedded/result/

于 2012-07-03T13:16:41.593 に答える
0

position:relative; を使用して、画面全体にまたがる親 div を追加します。2 つの子 div には position:absolute; を使用します。右に 1 つ配置します:0px; もう一方の左：0px; 幅をどのように分配したいのかわかりません。他に問題がある場合は、戻ってきてください。

于 2012-07-03T13:00:38.777 に答える