0

多くの記事をフォローしてSOで多くのリンクを使用しようとしましたが、ページのCSSを修正できません。このページはここで見ることができます：http：//tinyurl.com/d3ru8tf

スクリーンショット：

ここに画像の説明を入力してください

私のCSS

html, body {
   height:100%
}

body{
   line-height:1;
   color:#454545;
   background:url(/assets/imgs/bg.png);
   font:11px Tahoma,Arial,sans-serif
}

#soul{
   display:block;
   margin:0 auto;
   width:920px;
   background:url(/assets/imgs/back.png) repeat-y right #fff;
   padding:0;
   position:relative;
   height:100%
}

私のHMTL5

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
   </head>
   <body>
       <div id="soul">

          This is my content which does not sit fluid.

       </div>
   </body>
</html>
4

1 に答える 1

3

<hr style="clear:both;" />CSSを閉じる直前に</div>追加し、CSSから#soul削除height:100%し#soulます。

ここに画像の説明を入力してください

また、、min-height:100%またはそれ以上を使用しますが、この場合はその属性をまったく使用しないでください。

編集

フローティングdivの詳細については、http：//css-tricks.com/all-about-floats/をご覧ください。

また、高さを同じにしたいようです。

ここに画像の説明を入力してください

これを見てください：http：//matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

于 2012-12-09T15:19:21.767 に答える