私は2つのdivを持っています。1つは固定幅である必要があり、もう1つはユーザーのデバイスに応答します。現在、特定の幅を下回ると、フロートされたdivは別々の行にジャンプします。する方法はありますか...
1)両方とも体の高さ100%にする
2)左側のdivが最小/最大幅を維持しながら、右側のdivの幅を縮小できるように、同じ線上にとどまりますか?
また、70%の適切なdivが、使用可能なスペースの70%を完全に埋めることはありません。
私がやろうとしていることは、ちょっとした撞着語であることに気づきましたが、それを回避する方法を考えることはできません。
http://jsfiddle.net/establish/fxQfv/
HTML
<article>
</article>
<section>
</section>
CSS
article {
background: blue;
float: left;
height: 100px;
width: 30%;
min-width: 200px;
max-width: 200px;
}
section {
background: red;
float: left;
height: 100px;
width: 70%;
}
</ p>