如何在HTML5中使用100%DIV height？_Html_Css

如何在HTML5中使用100%DIV height？

html css

如何在HTML5中使用100%DIV height？,html,css,Html,Css,我尝试了以下许多文章，并使用了许多链接，所以，我不能修复我的CSS我的页面。可在此处查看该页面：截图：我的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

我尝试了以下许多文章，并使用了许多链接，所以，我不能修复我的CSS我的页面。可在此处查看该页面：

截图：

我的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>


这是我的内容，它不是固定不变的。
在关闭#soul
的之前添加
，并从#soul
CSS中删除高度：100%


另外，使用minheight:100%
，或者更好，但是，在本例中根本不使用该属性
编辑
阅读有关浮动div的更多信息：
而且，你似乎希望他们身高相等

看看这个：
在关闭#soul
的
之前添加
，并从#soul
CSS中删除高度：100%


另外，使用minheight:100%
，或者更好，但是，在本例中根本不使用该属性
编辑
阅读有关浮动div的更多信息：
而且，你似乎希望他们身高相等

看看这个：
@TheBlackBenzKid你的灵魂中有左右浮动的div，因此它们不能“推动”灵魂延伸到适当的高度，加上CSS阻止了它。啊，好的。。我已经使用这种方法很多年了。但看看左边的菜单，边框并不是100%。。。这就是我的目标<代码>继承
不适用于您的fix@TheBlackBenzKid你们需要另外做，或者添加滚动条（比如谷歌图片）。不，我的意思是，看左边的菜单，有一个边框，我想让它向下移动too@TheBlackBenzKid你的灵魂里有左右浮动的div，因此它们不能“推”#灵魂延伸到适当的高度，加上CSS阻止了这一点。啊，好吧。。我已经使用这种方法很多年了。但看看左边的菜单，边框并不是100%。。。这就是我的目标<代码>继承
不适用于您的fix@TheBlackBenzKid你们需要另外做，或者添加滚动条（比如谷歌图片）。不，我的意思是，看左边的菜单，有一个边框，我希望它也向下