0

私は 2 つの流体 div を並べて配置しようとして います。これは、現在の外観のプレビューhttp://jsfiddle.net/238ha/です。私がやろうとしているのは、2つのdivがあることです

これが現在のコードです

.images {
  border: 1px solid red;
  position:absolute;
  top:40px;
  left:0px;
  float:left;
  width: 25%;
  min-width: 305px;
  height: 95%;
}
.content {
  border: 1px solid blue;
  position:absolute;
  top:40px;
  left: 25%;
  width:70%;
  min-width: 60%;
  height: 95%;
}

これが私が達成しようとしていることです

画像: 画面の 25% を占める

コンテンツ: 画面の 75% を占める

ただし、ユーザーが画面のサイズを変更すると、div が大きくなる可能性がありますが、小さくできる量には制限があります。フレックスボックスについて読んだことがありますが、うまくいくかもしれないと思いますが、それでもまだうまくサポートされておらず、「flex-flow:row」をうまく使用できていません。私もこのサイトでブートストラップをたくさん使っています。

4

2 に答える 2

1

おそらく、レスポンシブ デザインを見たいと思うでしょう。最小幅を超えるものには可変レイアウトを使用し、それ以下には固定レイアウトを使用します。ヘルプについては、メディア クエリを確認してください。

于 2013-01-22T14:06:49.663 に答える
-1

divに別のdivをすべて割り当てるための「float：left」がある場合は、そのルールにも「float：left」を設定する必要があります。
同じ行にない場合は、最初に左に行き、2番目に同じことをしますが、最初に左にあるので、これに関係します。

于 2013-01-21T16:23:35.130 に答える