Html 内容流放置在父容器中_Html_Css_Height

Html 内容流放置在父容器中

html css

Html 内容流放置在父容器中,html,css,height,Html,Css,Height,问题就在这里我的网站内容背景区停在1000px。“最小高度”属性设置为1000px。为什么它不会像预期的那样流到底部，与页脚相交 HTML： <html> <body> <div id="swoosh"> <div id="wrapper"> <div id="container"> <div id="int-content">

问题就在这里

我的网站内容背景区停在1000px。“最小高度”属性设置为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>

按照教程的建议，我试着从开始到结束的每一项都要100%地保持高度。这真的把事情弄得乱七八糟

提前谢谢大家

我认为这是因为最小高度？哪个div添加了白色背景？因为最小高度为1000px的div没有列出重复的背景img或颜色。嘿，沙洛姆，谢谢你的回复。如果min height属性在其中，则背景根本不显示。感谢您的响应，背景图像位于容器标记上。

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;
}