2013-10-11 40 views
0

我從零開始創建一個網站,並且在陷入困境之前還沒有多久 - 這是非常簡單的代碼,我無處指定頁邊空白或填充,但是當我在Chrome和Firefox中查看頁面時,在左側保留前25個左右像素的現有值。東西告訴我,這是正常/默認,但有什麼辦法,我可以完全居中的頁面,當然它不能真正地與這個左心:10px的看東西...在我的頁面左側填充了什麼內容?

這裏的CSS:

.header { 
height:100px; 
width:100%; 
top:100px; 
z-index: 1; 
position:fixed; 
background-color:#767676; 
top:0px; 

}

HTML {

background-color:transparent; 
color:#555555; 
font-family: 'Roboto', 'Univers'; 
line-height: 1.0em; 
width:100%; 
height:100%; 
background-color:#f8f8f8; 

}

...而究竟呈現出什麼截圖我說的:

http://i.stack.imgur.com/vFDID.png

回答

0

你可能需要某種形式的CSS重置刪除瀏覽器的默認值。在我的項目中,我在我的CSS的頂部包含了* { padding: 0; margin: 0; }。這需要處理幾乎所有的事情。

+0

看起來它與div有什麼關係,如果我從頭開始,文本完全在左邊。謝謝,我也會開始這種習慣! – jspinella

相關問題