在网站上填充,尽管它在0px

时间:2016-02-03 16:33:35

标签: javascript html css html5

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Sumatran Orangutan Society</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="container">
</div>
</body>
</html>

@charset "UTF-8";
#container {
    background-image: url(images/background.jpg);
    width: 100%;
    height: 1100px;
    margin:0px;
    padding:0px;
}

我的页面左侧,顶部和底部有边距/填充的问题。我已经尝试将边距和填充设置为0px,但差距仍然存在。

这是一张显示我的意思的图片,

1 个答案:

答案 0 :(得分:7)

body通常有8px的保证金。试试这个:

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