如何删除页边距 [英] How to remove page margin

问题描述

在页边距和导航栏之间显示空格，那么如何删除此空格

the space is display between page margin and nevigation bar, So how to delete this space

css代码

#topnav ul
{

    list-style-type:none;
    margin:0;
    padding:0;

    overflow:hidden;
}

#topnav li
{   

    float:left;
    display:inline;



}



#topnav a:link,
#topnav a:visited
{
    display:inline-block;
    width:110px;
    font-weight:bold;
    font-family:calibri;

    color:#FFFFFF;
    background-color:#98bf21;
    text-align:center;
    padding:3px;
    text-decoration:none;
    text-transform:uppercase;
}

#topnav a:hover,
#topnav a:active
{
    background-color:#7A991A;
}

html代码

<ul id="topnav">
    <li id="topnav"><a  href="#home">Home</a></li>
    <li id="topnav"><a  href="#news">OPD</a></li>
    <li id="topnav"><a  href="#news">IPD</a></li>
    <li id="topnav"><a  href="#news">Infrastucture</a></li>
    <li id="topnav"><a  href="#news">Gallery</a></li>
    <li id="topnav"><a  href="#news">Media</a></li>
    <li id="topnav"><a  href="#contact">Site Map</a></li>
    <li id="topnav"><a  href="#about">About</a></li>
    <li id="topnav"><a  href="#about">Nursing</a></li>
</ul>

推荐答案

您需要在"body"元素上将边距和填充专门设置为0.

You need to specifically set margin and padding to 0 on the "body" element.

只需在您的CSS中尝试一下:

just try this in your css:

body { margin: 0; padding: 0; }

这篇关于如何删除页边距的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！