0

div のwhite-space: preコンテンツが多すぎると、ページがオーバーフローし、スクロールバーが追加されます。div を拡張するのと同じくらい広くするにはどうすればよいですか?

例: http://jsfiddle.net/TkcTZ/1/

右にスクロールすると、背景がビューポートの右側にのみ伸びており、はみ出したテキストの後ろの端を超えていないことがわかります。Web ツールで div を調べると、div が背景と同じ幅しかないことが原因であることがわかります。

コンテンツがオーバーフローしたときに div を幅方向に拡張するにはどうすればよいですか? CSS/HTML のみのソリューション (javascript なし) を希望します。

4

4 に答える 4

0

背景色が div 幅の 100% になるように、overflow: auto を使用して div をスクロール可能にすることができます。

div {
    white-space: pre;
    background-color: red;
    overflow: auto;
}

これをチェックしてくださいhttp://jsfiddle.net/nkHGZ/

于 2013-08-13T02:39:57.120 に答える