Html 如何创建没有边空间的div？_Html_Css

Html 如何创建没有边空间的div？

html css

Html 如何创建没有边空间的div？,html,css,Html,Css,我不知道如果div的位置没有设置为“fixed”，并且在使用bootstrap框架时，边空间会自动消除，为什么边空间不会被消除。我已经创建了这个HTML页面，我想知道如何做到这一点 <!doctype html> <html> <head> <title> No side Spaces Div</title> <style> #navigation { background-co

我不知道如果div的位置没有设置为“fixed”，并且在使用bootstrap框架时，边空间会自动消除，为什么边空间不会被消除。我已经创建了这个HTML页面，我想知道如何做到这一点

<!doctype html>
<html>
<head>
     <title> No side Spaces Div</title>

     <style>

     #navigation {
     background-color:#CECECE;
     color:#545454;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:18px;
     padding:12px;
     }

     #content {
     background-color:#EAEAEA;
     font-size:16px;
     }

     a:link, a:visited {
     color:inherit;
     padding:inherit;
     text-decoration:none;
     }

     a:hover, a:active {
     color:#030303;
     }

    </style>
 </head>

    <body>
    <div id="navigation">
        <a href="#">Home</a>
        <a href="#">Contact</a>
        <a href="#">About</a>
    </div>

    <div id="content">
        This is some text...
    </div>

</html>


无边空格Div
#航行{
背景色：#CECECE；
颜色：#5454；
字体系列：Verdana、Arial、Helvetica、无衬线；
字号：18px；
填充：12px；
}
#内容{
背景色：#EAEAEA；
字体大小：16px；
}
a:链接，a:已访问{
颜色：继承；
填充：继承；
文字装饰：无；
}
a:悬停，a:活动{
颜色：#030303；
}
这是一些文字。。。

默认情况下，浏览器会向元素添加边距和填充。您需要使用以下CSS代码段重置它

*{/*我建议您的解决方案使用body元素*/
保证金：0；
填充：0；
}


无边空格Div
#航行{
背景色：#CECECE；
颜色：#5454；
字体系列：Verdana、Arial、Helvetica、无衬线；
字号：18px；
填充：12px；
}
#内容{
背景色：#EAEAEA；
字体大小：16px；
}
答：林克，
a:参观了{
颜色：继承；
填充：继承；
文字装饰：无；
}
a:悬停，
a:主动的{
颜色：#030303；
}
这是一些文字。。。

将边距和填充设置为零：

body {
  margin: 0;
  padding: 0;
}

尝试像这样使用CSS重置：

*{
    padding:0;
    margin:0;
}

对于完整的CSS，重置将很有帮助

更新：

CSS重置（或“重置CSS”）是一种简短的、通常是压缩的（缩小的）一组CSS规则，将所有HTML元素的样式重置为一致的基线

欲了解更多信息，请浏览此

在css中尝试此功能

*{
    padding:0;
    margin:0;
}

body {
   margin :0;
   padding :0;
}

这是应用于

body

标记的浏览器默认填充。你可能想考虑一个重置CSS的东西，比如BTW。很容易用每一个现代浏览器所建立的开发工具来查找，所以我建议你去熟悉它们。我不能自己做任何事吗？意思是，你想做什么？我不明白你的意思？老实说，我不明白你做了什么。为什么你要在其他人超过十分钟后添加一个重复的答案，解释更少，格式糟糕？