html+css⾼度100%的时候边框超出，出现滚动条的解决办法，
带边框的100%⾼度
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<title></title>
<style type="text/css">
html,body{ margin:0; padding:0; height:100%;}
html横向滚动条样式.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">
//出⾃wwwblogs/ahjesus
尊重作者⾟苦劳动成果，转载请注明出处，谢谢!
</div>
<div class="bottom_line"></div>
</div>
</body>
</html>
谁有更好的解决⽅案请留⾔，会在第⼀时间署名更新，（不⽤js）

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。