コンテナ内にテキストを折り返す際に問題があります。私はすでに検索して、すべての答えはword-wrap: break-word;に入れていたが、それは私のためには機能しません。私はしなければならない何か間違っているが、私は何を見つけるのに苦労している。あなたがソースコードを検索するので、ここでコンテナ内に長いテキストをラップする必要があります
は、ウェブサイトである：http://www.simplistico.net/
すべてのヘルプは大歓迎です。
編集：また、コンテナの背景が赤色になっているため、はっきりと見える場合があります。
pタグに幅を設定するだけではどうですか？
p {
width:65%;
}
編集：
たぶん私はより明確にされている必要があります。すでにコンテナの中にpタグがある場合は、必ずしも上記のようにする必要はありません。あなたは何かのようにすることができます。
#container p {
width:65%;
}
このようにして、指定したコンテナ内のpタグのみが影響を受けます。
デフォルトでは、pタグはコンテナの100％を伸ばします。また、word-breakとword wrapはCSS3のプロパティであり、既定では特定のブラウザでのみ動作します。 http://www.w3schools.com/cssref/css3_pr_word-break.asp
また、単語区切りはコンテナの境界でのみ壊れます。そして、 "赤い背景"のコンテナを超える別のコンテナの内部に100％のデフォルト幅を持つpタグがあるためです。そのコンテナの境界で壊れます。技術的にはうまくいきます。
@Amazonicoこれは、すべてのページのすべての段落をコンテナの幅の65％にしたくない場合を除き、悪い習慣になります。 '.someSpecialPlace p {}'は、サイト全体がほんの数ページでない限り、いくつかのタグを完全にスタイルする必要がある場合には、もっとお勧めです。 –
本当にありがとうございました。 Kris Hollenbeckとdevelopdalyの回答が組み合わさることで、問題を解決するのに役立ちました。もう一度ありがとう！ – Amazonico
ZZ-bbはありません。そのページにはいくつかの一般的な情報が掲載されています。 – Amazonico
contentに配置する場合は、明示的に幅を指定する必要があります。
試してみてください。
content { width: 600px; }
どうもありがとうございました。 Kris Hollenbeckとdevelopdalyの回答が組み合わさることで、問題を解決するのに役立ちました。もう一度ありがとう！ – Amazonico
まず、あなたのCSSファイルは、（それ内部の何かがそう、これまでどのような効果がありません - - content {}今そこにタイプミスだ）.content {}でなければなりません。
HTML5タグ<nav>についてわからないので、<ul>タグにクラス：<ul class="nav">を作成しました。次に、CSSファイルに新しいスタイルを追加しました：nav {float:left}とp{word-wrap: break-word;}スタイルを削除しました。これはほぼ完璧に動作します。赤い背景は、コンテンツが終了した場所で終了し、処理が必要です。
更新：赤色の背景色を完全に下に移動させるには、CSSスタイル.clearfloat{clear:both;}を追加し、<content>の最後の段落の後に<br class="clearfloat" />のhtmlファイルに入れます。
アップデート2：.contentのCSSファイルのpositionとleft属性を捨てると<nav>と<content>の余白を調整ので、それらが並んでいます。
コンテナの外にあります。なぜそれがそれの中にないときに収まるでしょうか？幅を指定するか、コンテナ内で幅を移動する必要があります。 – j08691
@ j08691これは当てはまりません（少なくとももう、おそらくコードは修正されています）。 cssファイルにはタイプミスがあります。いくつかの変更を加えれば、すべてうまく動作します。下の私の答えを見てください。 –
私は同様の問題を抱えていました。私のテキストにはスペースが含まれていなかったので、2行に分割されていませんでした。私はそれがあなたの問題ではないことを知っていますが、それを実現するために私にしばらく時間がかかったので、ここにそれを掲示します。 – flobacca