Question

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

我的网站内容背景区域停在1000px。 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％放在教程中。这真的让事情变得糟糕。

提前致谢！

内容流放置父容器

0 个答案: