最小/最大幅と100％の高さで％幅を使用する浮動小数点divs（応答性）

2つのdivがありますが、1つは固定幅にする必要があり、もう1つはユーザーデバイスに応答します。現在、特定の幅以下では、浮動小数点のdivは別々の行にジャンプします。そこまでの方法は、左側のdivがあります、それを保持しながら、右側のdivの幅が縮小することができますので、それらの体最小/最大幅と100％の高さで％幅を使用する浮動小数点divs（応答性）

2の両方の100％の高さ）が同じ行に滞在してください）...

1であります最小/最大幅？

また、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%; 
}

出典

2012-04-13 Dan Christian

あなたは、最大幅が記事に設定されているので、2つのブロックがページ全体を埋めていない理由があります。幅は30％に設定されていますが、最大幅は200ピクセルを超えることはありません。つまり、セクションは幅の70％しか占めないため、ページ幅の30％が200ピクセルを超えると仮定すると、余分な空白が常に存在します。 – dpcasady

返信いただきありがとうございます。私はこれを理解していますので、私の擬態語のコメントは、私は新しい提案に開放されていました。 –

あなたの答えは以下のように見えますが、最大幅で何が起こっているのかを理解したかっただけです:) – dpcasady

あなたの高さの問題については

article { 
    background: blue; 
    height: 100px; 
    width: 30%; 
    float:left; 
    min-width: 200px; 
    max-width: 200px; 
} 

section { 
    background: red; 
    height: 100px; 
    width: auto; 
}

この記事を見てみましょう：http://www.alistapart.com/articles/fauxcolumns/

出典

2012-04-13 18:37:56 cp3

とても簡単です！ありがとう。私はもう30％も必要ないと思う。 –

作品が、これは非常に静的です。 –