html+css高度100%的时候边框超出,出现滚动条的解决办法,带边框的100%高度
2012-11-29 16:12
585 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> html,body{ margin:0; padding:0; height:100%;} .content{ margin:0 auto; width:958px; height:100%; border-left:solid 1px #ccc;border-right:solid 1px #ccc;} .block{width:100%;height:100%;} .top_line{ position:absolute; top:0; width:958px; height:1px;border-top:solid 1px #ccc;} .bottom_line{ position:absolute; bottom:0; width:958px; height:1px;border-bottom:solid 1px #ccc;} </style> </head> <body> <div class="content"> <div class="top_line"></div> <div class="block"> //出自http://www.cnblogs.com/ahjesus 尊重作者辛苦劳动成果,转载请注明出处,谢谢! </div> <div class="bottom_line"></div> </div> </body> </html>
谁有更好的解决方案请留言,会在第一时间署名更新,(不用js)
相关文章推荐
- CSS的盒子高度height使用100%后浏览器不兼容的解决办法
- 有关于css,html超出部分滚动,但是不出现滚动条
- DIV里Table的宽度设置为100%后页面出现滚动条的解决办法;DIV下移的解决办法 IE 和 FireFox 都通过
- Div+css下HTML设计三列自适应宽度出现换行的解决办法
- div超出高度的时候出现滚动条
- mysql数据库安装的时候可能出现的问题及解决办法
- IDEA编译时候出现问题:代码不提示错误,编译时出错解决办法
- 在ArcGIS Server中用regsvcs注册服务器端扩展的动态链接库时候,出现没有强名称错误的解决办法
- WORD转PDF时候出现空白页的解决办法
- Jsoup解析HTML中 出现乱码问题解决办法
- vs10出现devenv.exe占用100%CPU解决办法
- iframe高度设置100%了,并且设置了无滚动条属性,还是出现滚动条
- 获取网页内容高度和宽度(不包括滚动条)兼容性JS解决办法
- rails 4.0 中使用 cap 发布的时候,出现 LD_LIBRARY_PATH 没有设置的问题 的解决办法
- xhtml页面头尾分离的时候出现中文乱码解决办法
- 关于使用SlideListView item出现高度不统一的情况解决办法.
- input标签submit属性,用CSS控制样式时高度不好控制的解决办法
- css解决IE、Firefox兼容的div高度100%的问题
- CSS让内部容器高度随着父容器高度变化的解决办法
- css 中div不用设定高度,自动根据内容出现滚动条