为什么<div>标签在左右两侧都有空格,宽度设置为100%

DSc*_*ipt 0 html css expand

<html>
<head>
<style>
#main_div{
width:100%;
height:200px;
background-color:#111111;
}
</style>
</head>
<body>
<div id="main_div"></div>       
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

为什么标签在左右两侧都有空格,宽度设置为100%?我想用div这样的网站填充所有空间,包括这个网站中的标题栏.我怎样才能做到这一点? http://i.imgur.com/lo4lwRx.jpg"image "

w3d*_*ger 5

默认CSS样式 http://www.w3.org/TR/CSS2/sample.html

默认body需要margin: 8px.添加body { margin: 0 }到你的CSS.请参阅以下代码片段以获取参考.

body{
  margin: 0;
}
#main_div {
  width: 100%;
  height: 200px;
  background-color: #111111;
}
Run Code Online (Sandbox Code Playgroud)
<div id="main_div"></div>
Run Code Online (Sandbox Code Playgroud)