如何设置整个页面背景的html文档高度_Html

如何设置整个页面背景的html文档高度

html

如何设置整个页面背景的html文档高度,html,Html,我已经将html文档设置为最小高度：500px；但我需要将其设置为不必调整页脚div的位置，页脚div当前设置为position:absolute；顶部：500px <head> <title></title> <link rel="stylesheet" type="text/css" href="assets.css"> <link href='http://fonts.googleapis.com/css?family=Oswal

我已经将html文档设置为最小高度：500px；但我需要将其设置为不必调整页脚div的位置，页脚div当前设置为position:absolute；顶部：500px

<head>
  <title></title>

<link rel="stylesheet" type="text/css" href="assets.css">
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>


</head>
<body>

<div id="center">

<div id="header">
<ul>
<div id="wrapper">
  <li>Cisco</li>
  <li>About</li>
  <li>Products</li>
</ul>

</div>
</div>

<div id="wrapper">
<div id="content">


</div>
</div>

<div id="footer">
<ul>
<div id="wrapper">
  <li>Cisco</li>
  <li>About</li>
  <li>Products</li>
</ul>
</div>
</div>

</div>


<div id="img">
<img src="http://virtualization.info/en/files/2010/01/RAL_large.png">
</div>

</body>
</html>

这是我的html

<head>
  <title></title>

<link rel="stylesheet" type="text/css" href="assets.css">
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>


</head>
<body>

<div id="center">

<div id="header">
<ul>
<div id="wrapper">
  <li>Cisco</li>
  <li>About</li>
  <li>Products</li>
</ul>

</div>
</div>

<div id="wrapper">
<div id="content">


</div>
</div>

<div id="footer">
<ul>
<div id="wrapper">
  <li>Cisco</li>
  <li>About</li>
  <li>Products</li>
</ul>
</div>
</div>

</div>


<div id="img">
<img src="http://virtualization.info/en/files/2010/01/RAL_large.png">
</div>

</body>
</html>

给高度：100%给html和正文

<head>
  <title></title>

<link rel="stylesheet" type="text/css" href="assets.css">
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>


</head>
<body>

<div id="center">

<div id="header">
<ul>
<div id="wrapper">
  <li>Cisco</li>
  <li>About</li>
  <li>Products</li>
</ul>

</div>
</div>

<div id="wrapper">
<div id="content">


</div>
</div>

<div id="footer">
<ul>
<div id="wrapper">
  <li>Cisco</li>
  <li>About</li>
  <li>Products</li>
</ul>
</div>
</div>

</div>


<div id="img">
<img src="http://virtualization.info/en/files/2010/01/RAL_large.png">
</div>

</body>
</html>

html,body
{
min-height:500px;
height:100%;
}

你能做一把小提琴吗。调试jsfiddle.net会很容易