CSS设定网页高度为浏览器一页高，但设置了html, body {height: 100%;margin:0 },但是还是出现了

楼主，我有两个方法你试一下：

1、将body宽高设置为100%，在body标签里面将所有网页内容放在一个最大的DIV里面，并将这个DIV设置为100%，body作为这个DIV的参照物，可以实现全屏效果。

2、如果上面的方法不行，可以试一下隐藏滚动条，隐藏滚动条的时候，浏览者就没有办法查看超过屏幕高度以下的网页内容了，这时候只要你控制一下网页内容的高度一样可以达到全屏效果，但是这个方法不好，在各种浏览器里面可能会出现各种不兼容的问题，慎用！

body {
margin:0 auto;
padding:0;
width:800px;
}

还有一个地方有问题，你 div嵌套的多了，所以会出现边框，你应该直接用模块来建，去掉外面的div，left right 采有浮动，bottom 清除浮动，定义一下页面的宽度然后居中看我上面的代码

这个最好用js来控制，用css控制肯定还会出现其他的问题

首先要写一些总体样式
html,body,form{width:100%;height:100%;margin:0;padding:0;}
*{margin:0;padding:0;}
这样你在里面写left,right,bottom等等就不会有问题了。