Question

我正在创建一个网页。即使我添加了保证金：0px和填充：0px仍然在我的网页顶部有一些空白。这是我的身体部分的css代码。任何解决方案？Thanx提前..

<html >
    <head>
       <style>

        html {
          margin: 0;
          padding: 0;
        }
        #navR
        {float:right;
        margin-right:0px;
        }
        #mR{
        float: right;
        }
        .bodyl{
         height: 100%;  
        background-color: #F8FADE;
        font-family: Arial;
        font-size:15px;
        margin:0px;
        top: -22px; 
         clear: both;
        }
        .local{
            background-color:#DEB887;
            margin-left:0px;
            margin-right:0px;
            margin-top:0px;
            margin-bottom:0px;
            padding:0px;
            width:100%;
            vertical-align: baseline;
            }
            .heading{
            font-size: 250%;
            color:#5B3205;
            margin-top:10px;

            font-style: oblique;    
        }
        </style>
    </head>
    <body>
         <div class="local">
            <p id="mR"><strong>My name</strong></p>
            <h3 id="navR"> <a>logout</a> </h3>
            <h1 class="heading">My space</h1>
        </div> </br>
            </body>
        </html>

Answer 1

您使用的是<h1>代码。此文本具有浏览器设置的默认边距。您可以在margin-top: 0px课程中设置.heading。这将解决问题。

编辑：在您的情况下，您应该将margin-top: 10px替换为margin-top: 0px

Answer 2

还请在html属性

上将margin设置为0

body, html {
  margin: 0;
  padding: 0;
}

然后它应该适合你，就像它对我一样。也有可能你有一个具有一定余量的子属性，因此它可能导致该空白区域。

网站页面顶部有空白

2 个答案: