1

这是问题http://jpswebsites.com/rebound/recovery/recovery-education/134-2/

我的网站内容背景区域停止在 1000 像素。min-height 属性设置为 1000px。为什么它不像预期的那样流到它与页脚相遇的底部？

的HTML：

<html>
   <body>
      <div id="swoosh">
         <div id="wrapper">
            <div id="container">
               <div id="int-content">
                  <div id="main">
                     CONTENT IS HERE
                  </div>
               </div>
            </div>
         </div>
      </div>
   </body>
</html>

CSS

body{
background: white url(images/tiny_grid.png)repeat;
font: 13px Muli, Arial, Helvetica, sans-serif;
color: #525153;
min-width: 980px;
}

#swoosh {
background: url(images/swoosh.png);
background-repeat: no-repeat;
}

#container {
margin: 10px 16px 0 16px;
background-image: url(images/container_bg.jpg);
min-height: 1000px;
}

#wrapper {
width: 980px;
margin: 0 auto;
background: url(images/cbg.png) no-repeat 0 0;
padding: 0 14px;
} 

#int-content {
margin: -5px 2px 15px 30px;
}

#main {
float: left;
width: 484px;
padding: 34px 0 0 20px;
}

我尝试按照教程的建议将每个项目的高度设置为 100%。这真的把事情搞砸了。

提前谢谢大家！

4

0 回答 0