0

我已经阅读了该网站上的许多帖子以及互联网上有关居中 div 的其他内容。

在我的 div 的左侧有一个我无法修复的空白区域。

这是 Jsfiddle http://jsfiddle.net/ZYfaY/

到目前为止我已经尝试过

div#navigation-head{
background-image:url('img/head.png');
text-align: center;
width: 100%;
height: 2em;
position: fixed;
top: 0;
left:auto;
right:auto;

}

4

3 回答 3

2

这是浏览器添加到body标签的默认填充。

您可以通过这样做将其归零

body { margin:0; padding:0; }

或者更好的是，在您的主要样式之前使用重置样式表，这样您就可以从一致的基线开始工作 - http://meyerweb.com/eric/tools/css/reset/

JSFiddle 演示

于 2013-06-22T16:55:03.717 回答
1

你需要从你的 html 中清除基本的填充和边距使用这个

body{margin:0;padding:0;}

示例在这里http://jsfiddle.net/ZYfaY/3/

于 2013-06-22T16:54:28.680 回答
0

大多数元素都有默认属性，即 UA 样式表的产物（UA 表示用户代理）。例如，如果您检查该body元素，您会看到他默认具有属性。

您必须重置这些属性。

一个好的做法是包含一个重置 CSS。

例如：

/* Reset CSS */

body, div, section, nav, ... {
   margin: 0;
   padding: 0;
}

a { text-decoration: none; } /* If you will eliminate the underline for all `a` elements */

/* The rest of reset properties */

如何包含重置 CSS？

head一种选择是在元素中“打电话给他” ：

<head>
 <!-- I assume that reset.css is in *css folder* -->
 <style>
  @import url("css/reset.css") screen
  @import url("css/style.css") screen
 </style>
</head>

或者从您的主要样式表中“给他打电话”，例如：

/* Style CSS */

@import url("reset.css") screen; /* I assume that style.css and reset.css are in the same folder */

您的问题是，在您的代码中，您的身体默认有一个边距，并且您没有重置该默认属性。你必须消除推杆：

body {
   margin: 0;
   padding: 0;
}

这是一个演示

做个好人，莱昂纳多

于 2013-06-22T16:59:10.743 回答