html+css高度100%的時候邊框超出,出現滾動條的解決辦法,帶邊框的100%高度


<!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)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM