zoukankan      html  css  js  c++  java
  • 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)

  • 相关阅读:
    每日日报30
    每日作业报告
    每日作业报告
    每日作业报告
    每日作业报告
    每日作业报告
    每日作业报告
    每日作业报告
    每日作业报告
    Java学习的第四十三天
  • 原文地址:https://www.cnblogs.com/ahjesus/p/2794843.html
Copyright © 2011-2022 走看看