overflow:auto;の横スクロールバーの解除方法

0   名前： novice ： 2007/03/12（月） 18:02  ID:J.dxZrih sub-Cl
初めまして。
Overflowに関しての質問です。

【現在の状況】
overflow: auto;を指定すると横スクロールが表示される。
（確認ブラウザ：IE6.0)

【質問内容】
横スクロールを表示させず、はみ出ている部分を次の行へ自動改行させるにはどうしたらいいか？
幅を考慮して文章を書く、幅を考慮して<br>を使って細かに改行するという案以外の回答をお願いします。

【現在の内容】
/*---------外部CSS---------*/
body{
width: 600px;
text-align: center;
}

div.block1{
clear: right;
margin-top: 10px;
width: 100%;
}

div.new {
float: left;
margin-left: 1%;
width: 45%;
overflow:auto;
}

div.news{
float: right;
margin-right: 1%;
width: 45%;
overflow: auto;
}

h2{
font-family: HG創英角ﾎﾟｯﾌﾟ体;
}
/*---------外部CSSend---------*/

<!---------HTML---------!>
<html>
<body>

<div class="block1">
　<div class="new">
　　<h2>見出し</h2>
　　　<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
　</div>
　<div class="news">
　　<h2>見出し</h2>
　　　<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
　</div>
</div>

</body>
</html>
<!---------HTMLend---------!>
1   名前： モノ ◆7YMtX/NYmu ： 2007/03/12（月） 18:02  ID:TeHw2026 sub-Cl
aaaの羅列を日本語にして表示を確認してください。
2   名前： novice ： 2007/03/12（月） 18:02  ID:J.dxZrih sub-Cl
モノさんお早い回答ありがとうございます。

aaaの羅列を"あああ"に変更してみたところ無事自動改行され横スクロールが出なくなりました。
内容という意味ではどちらも違いは無いと思っていたので、ローマ字の羅列と日本語の羅列によって
自動改行されたりされなかったりするとは知りませんでした。

おかげさまで無事解決できました。
指摘ありがとうございました。

3   名前： モノ ◆7YMtX/NYmu ： 2007/03/12（月） 18:02  ID:TeHw2026 sub-Cl
私も詳しいことを知らないのであまり適切な回答じゃないと思いますが、
半角英数字をスペースを空けずに打ち込むと、
「ひとつの単語」として認識されるような感じのようです。
日本語を主とするサイトを作成しているのなら、
また、英語だとしても「肺じん症」みたいな長い単語を使わないなら、
折り返しの件についてはさほど気にすることではないと思います。

逆に言うと、何らかの事情で半角英数字を続けて打ち込むようなときは
今回のような現象が起きるということです
4   名前： novice ： 2007/03/12（月） 18:02  ID:J.dxZrih sub-Cl
aaaの羅列に適当に半角スペースを入れてみたところ、仰るとおり自動改行されました。
aの羅列が一つの単語として認識されていたのですね･･･なるほど。
実はなんで英字の羅列はだめなのかと疑問に思い調べていた所だったので、とても嬉しかったです。

解説どうもありがとうございました。
一覧へ戻る