如何擺脫我HTML內容的邊距？

以下HTML顯示正常。如何擺脫我HTML內容的邊距？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <title>Hello</title> 
    </head> 
    <body> 
     <div style="width: 100px; height: 100px; background: red;"> 
      <div>Hello</div> 
     </div> 
    </body> 
</html>

但是，我的div和瀏覽器窗口的左側和頂部邊緣之間存在大約10像素的空間。有沒有辦法擺脫它，以便div粘在瀏覽器窗口上？

來源

2011-12-10 user380719

您可以添加CSS到文檔....

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Hello</title> 
    <style type="text/css"> 
    body { margin:0; } 
    </style> 
</head> 
<body> 
    <div style="width: 100px; height: 100px; background: red;"> 
     <div>Hello</div> 
    </div> 
</body>

或者您可以添加CSS作爲內聯樣式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Hello</title> 
</head> 
<body style="margin:0;"> 
    <div style="width: 100px; height: 100px; background: red;"> 
     <div>Hello</div> 
    </div> 
</body> 
</html>

所有瀏覽器都在窗口的頂部和左側邊緣都有默認的邊距。您的頁面沒有任何問題。您只需告訴瀏覽器刪除默認頁邊距。

來源

2011-12-10 17:27:47 Scott

使用CSS重置。

<style type="text/css">* { padding: 0; margin: 0; }</style>

來源

2011-12-10 17:25:37

要單獨留下其他元素的填充和邊距，只需重置主體。

body { padding: 0; margin: 0; }

來源

2011-12-10 17:27:04

嘗試增加款式到body標籤，就像這樣：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <title>Hello</title> 
    </head> 
    <body style="margin: 0;"> 
     <div style="width: 100px; height: 100px; background: red;"> 
      <div>Hello</div> 
     </div> 
    </body> 
</html>

來源

2011-12-10 17:27:09 EmCo

-1

如果您執行上述任何代碼，但未將表格屬性設置爲百分比而不是像素，則可能仍會在頁面周圍留有邊距類型空間。就像在底部的滾動條中仍然會顯示一樣。

<table bgcolor="#FFFFFF" width="100%" cellspacing="0" cellpadding="4"> 
<tr> 
<td width="15%" align="left" valign="top" bgcolor="#B8B8B6"> 
</td> 
<td width="85%" bgcolor="#FFFFFF" align="left" valign="top"> 
</td> 
</table>

來源

2014-07-27 10:09:23

如何擺脫我HTML內容的邊距？

回答

相關問題