css - 幅のパーセントとオーバーフロー スクロール

Question

内部にコード (textarea など) を含む 1 つの div があり、親要素から 99% に修正したいと考えています。大丈夫ですが、コードが大きすぎる場合は、overflow-x:scroll を配置して、親要素から出ないようにする必要があります。

width:99% を使用しているため、overflow-x:scroll を使用できません。

width:700px や 500 などを入れたくありません。クライアントの解像度がなく、最大幅をこの div として表示したいからです。

私の悪い言語で申し訳ありません。

アドバイスをお願いします。

ありがとう。

Answer 1

このように？

div {width:99%; border:1px solid grey; white-space:pre; overflow:auto;}

Answer 2

申し訳ありませんが、空白：preを忘れてしまいました。

このコードを試してみると、次のように表示されます。

<style>
div {width:99%; border:1px solid grey; white-space:pre; overflow:x-scroll}
</style>

<div>
test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test 
</div>

Answer 3

私の間違いをお詫び申し上げます。すべてのコードを提供しているわけではないためです。

親要素 (テーブル -> td) は次のように柔軟であるため、スティルは機能しません。

<style> 
div {width:99%; border:1px solid grey; white-space:pre; overflow:auto;}
</style>

<table cellspacing="0" cellpadding="0">
<tr>
<td> some stuff here </td>
<td>
<div>
test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test 
</div>
</td>
</tr>
</table>

誰か他のアドバイスがあれば...

Answer 4

    <style>
    div {width:99%;
 border:1px solid grey;
 white-space:pre;
 overflow:x-scroll}
    </style>

    <div>
    test test test test test
    </div>