0

私はすでにこの質問を読んでいますが、状況が少し異なり、CSS があまり得意ではないため、自分のニーズに合った解決策を頭で考えることができません。

私が持っているのは、他の 3 つの div を含む div です。

  • 左のdiv1
  • div2 中央揃え
  • 右のdiv3

問題は、div2 が存在する場合と存在しない場合があることです。

これは私が現在持っているものです:

ここに画像の説明を入力

しかし、これは私が欲しいものです:

ここに画像の説明を入力

これが私のフィドルです

何か案は?ありがとう!

4

4 に答える 4

1

check this http://jsfiddle.net/geQqG/16/ and then just copy this code and paste in your dreamweaver and run with firefox browser......

于 2012-06-01T10:39:42.113 に答える
1

overflow:auto;機能するdiv3のcssを追加するだけです

于 2012-06-01T10:41:57.137 に答える
1
#div3{
display:block;
background: #CCC;
overflow: hidden;
}

http://jsfiddle.net/5xgwz/17/

于 2012-06-01T10:33:34.187 に答える
0

こんにちは、あなたはこれが欲しいと思います

の幅まで取り除いてください #container

このように

#container {

    padding: 5px;
}

#div3 そして、このようにこれにオーバーライトプロパティ

#div3{
    display:block;
    background: #CCC;
    overflow: hidden;
}

現在、ライブ デモはhttp://jsfiddle.net/5xgwz/20/です。

于 2012-06-01T10:41:54.703 に答える