Center div;工作不正常

我已閱讀了本網站上的許多帖子以及互聯網上有關居中div的其他內容。Center div;工作不正常

在我的div左側有一個我無法修復的空白區域。

到目前爲止，我已經嘗試

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

}

來源

2013-06-22 user2417012

另一種方法爲中心的一個div是使用'保證金：汽車;'避免整個'位置：固定;'這可能是一個真正的痛苦動態大小的內容，等 – Don

這是瀏覽器添加到body標記的默認填充。

可以更好，但零了這一點，通過做

body { margin:0; padding:0; }

或者，在你的主樣式使用重置樣式表，你從一個一致的基線工作這種方式 - http://meyerweb.com/eric/tools/css/reset/

JSFiddle Demo

來源

2013-06-22 16:55:03

啊非常感謝你，它的工作。 – user2417012

你需要清除你的HTML基本的填充和保證金使用

body{margin:0;padding:0;}

示例在這裏http://jsfiddle.net/ZYfaY/3/

來源

2013-06-22 16:54:28

大多數元素都具有默認屬性，即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; 
}

這裏有一個DEMO

好，萊昂納多

來源

2013-06-22 16:59:10 leoMestizo

Center div;工作不正常

回答

相關問題