对象height:100%并不能直接产生效果,是因为跟其父对象有关。 复制代码代码如下: #center{ height:100%; } 上面的css样式是无效的,不会产生任何效果。 需要改写: 复制代码代码如下: html,body{ margin:0px; height:100%; } #center{ width:200px; height:100%; background-color:#666666; border:1px solid red; } 对#center对象设置了height:100%,同时设置了html与body的height:100%,这就是高度自适应的问题所