別のdiv内に100％幅のdivフィットを作成し、horisontalスクロールバーを避ける

私はhorisontalスクロールバーを必要としませんが、divはその親の100％を埋めるようにします。コードはFFとIE8で動作しますが、IE7以降では動作しません。私はこれをCSSだけで解決できるのですか？別のdiv内に100％幅のdivフィットを作成し、horisontalスクロールバーを避ける

<html> 
    <body> 
     <div style="width:100%; overflow:auto; height:200px;"> 
      <div style="width:100%; height:400px; background:red;"> 

      </div> 
     </div> 
    </body> 
</html>

文書型は、特に指定しない限り、その親の自動幅を記入します暫定

出典

2010-12-30 picknick

あなたが求める次の時間を質問はあなたが何をしたいのかを正確に言うことを確認して、誰の時間も浪費しないようにしてください。「私は水平なスクロールバーは必要ありません」というのは非常に具体的ですが、スクロールバーを両方の軸で取り除いた解答としてマークしました。 –

私は、これはあまりにも簡単に聞こえると思いますが、あなたは100%にheightを設定できます

<div style="width:100%; height:100%; background:red;">

出典

2010-12-30 12:09:56 tcooc

うわー！それは実際に動作します！なぜなのかご存知ですか？ – picknick

'height'スタイルはパーセンテージとして、その親の高さの割合をとります。この場合、200ピクセルです。 – tcooc

のdivに設定されています。

内側の幅のスタイルを削除して、問題はなくなります。

<html> 
    <body> 
     <div style="width:100%; overflow:auto; height:200px;"> 
      <div style="height:400px; background:red;"> 

      </div> 
     </div> 
    </body> 
</html>

注記です。電子メールを構築しているのでなければ、実際に外部のCSSファイルにスタイルを割り当てる必要があります。

出典

2010-12-30 12:09:50

二divが自動的2pxが含まれているボーダー、使用しています：

<div style="width:100%; border:none; height:400px; background:red;">

出典

2012-01-21 20:51:48 nikoloza

別のdiv内に100％幅のdivフィットを作成し、horisontalスクロールバーを避ける

答えて

関連する問題