CSS设定网页高度为浏览器一页高，但设置了html, body {height: 100%;margin:0 },但是还是出现了
滚动条，只是超出部份不多，删除了<!DOCTYPEhtml.....这句，还是有滚动条出现，请问这怎么解决？把html,body里的height改了80%就没有滚动条出现...
滚动条，只是超出部份不多，删除了<!DOCTYPE html .....这句，还是有滚动条出现，请问这怎么解决？把html,body里的height改了80%就没有滚动条出现了，但我现在想要满浏览器窗口，怎么写CSS？我主要是想置bottom为网页最底部，就在网页的一页里，不能滚动滚动力要看，main要自适合浏览器高和宽，请问这个CSS要怎么写呢？
展开
4个回答
展开全部
楼主，我有两个方法你试一下：
1、将body宽高设置为100%，在body标签里面将所有网页内容放在一个最大的DIV里面，并将这个DIV设置为100%，body作为这个DIV的参照物，可以实现全屏效果。
2、如果上面的方法不行，可以试一下隐藏滚动条，隐藏滚动条的时候，浏览者就没有办法查看超过屏幕高度以下的网页内容了，这时候只要你控制一下网页内容的高度一样可以达到全屏效果，但是这个方法不好，在各种浏览器里面可能会出现各种不兼容的问题，慎用！
1、将body宽高设置为100%，在body标签里面将所有网页内容放在一个最大的DIV里面，并将这个DIV设置为100%，body作为这个DIV的参照物，可以实现全屏效果。
2、如果上面的方法不行，可以试一下隐藏滚动条，隐藏滚动条的时候，浏览者就没有办法查看超过屏幕高度以下的网页内容了，这时候只要你控制一下网页内容的高度一样可以达到全屏效果，但是这个方法不好，在各种浏览器里面可能会出现各种不兼容的问题，慎用！
追问
我现在这个框架就是把所有内容和DIV放一个大的DIV（supermain）里了，还是超出一点，有滚动条，隐藏滚动条的话不现实，我是想要看到寻底部内容，并且不用翻滚动条
追答
可以使用overflow：hidden；将溢出部分隐藏，隐藏滚动条是让超出网页的部分，不提供滚动条让浏览者继续浏览。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
body {
margin:0 auto;
padding:0;
width:800px;
}
还有一个地方有问题，你 div嵌套的多了，所以会出现边框，你应该直接用模块来建，去掉外面的div，left right 采有浮动，bottom 清除浮动，定义一下页面的宽度然后居中看我上面的代码
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等等就不会有问题了。
html,body,form{width:100%;height:100%;margin:0;padding:0;}
*{margin:0;padding:0;}
这样你在里面写left,right,bottom等等就不会有问题了。
追问
我这样分开写了，不添加bottom的情况下也超出来浏览器的一页，左侧有滚动条
追答
可以把你写的页面代码贴一下吗？
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
