Question

我在设置网页样式时遇到了一些问题，以适合我的浏览器。宽度是正确的，但高度只在页面的一半左右。以下是我在CSS上的内容:(顺便说一下，我正在使用safari）

/*Body
* {
margin: 0px;
padding: 0px;
}

body {
font:62.5%/1.5 Arial, Hevetica, sans-serif;
}

#wrapper {
background-color: #ccc;
margin: 0 auto;
width: 960%;
}

header {
height: 100px;
background-color: #999;
}

header h1 {
font-size: 2em;
float: left;
}

#nav {
list-style-type: none;
list-style-position: inside;
}

#nav li {
display: inline;
font-size: 2em;
}

Answer 1

你可以这样解决问题

html { 
  height: 100%; /* forces page height to equal inner window height. */
  background:gray;

}

body { 
  position: absolute;
  top:0; 
  bottom:0;
  left:0; 
   right:0;
  background:red;
}

如果你不需要身体的保证金，所以你只需要保证金：身体为0px

使网页适合浏览器

1 个答案: