0

私は自分のバックグラウンドに単純な (しかし苛立たしい) 問題を抱えています。現在、コンテンツ スペースの静的な背景画像と単色として使用しています。何らかの理由でコンテンツの色が表示されませんか? 私はそれを修正するためにすべてを行ったように感じますが、サイコロはありません。助言がありますか？

body {
  margin-left:auto;
  margin-right:auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1;
  background-image:url(../img/bglogo.jpg);
  background-attachment:fixed;
}
#contentcontainer { 
  max-width: 960px; 
  margin: 0 auto; 
  float: none; 
  padding-top: 0px;
  padding-left:10px;
  background-color: #fffdf8;
}

問題のウェブサイトはここにあります: http://mikesbaum.com/plan9alehouse/index.html

4

2 に答える 2

0

それは、#contentcontainer(ホーム、アバウトなど) の内容がすべて浮いていて、クリアしていないためです。これを行うと、親要素は子要素をラップしません。の高さを#contentcontainer見ると、0 に設定されていることがわかります。

これを修正するには、フローティング セクションをクリアする必要があります。これを行う最も簡単な方法は、空の div を#contentcontainercssの最後の子として追加することclear: both;です:

<section id='contentcontainer'>
 <section id='home'>...</section>
 ...
 ...
 <div style='clear: both;'></div>
</section>

通常、フロートを頻繁にクリアすることに気付いた場合、ほとんどの人は clear または clearfix クラスを作成し、インライン CSS を使用する代わりに div のクラス名を使用します。

于 2013-07-17T03:51:08.397 に答える