如何刪除 div 左側的空白間距？

Question

我正在嘗試為我的網站創建一個頁腳，但這個丑陋的左側空白不斷出現，我已經嘗試過諸如overflow-x: hidden 、 margin: 0和padding: 0之類的東西。

這是我要創建的頁腳，因為您可以看到左側有空間而右側沒有

 #footer{ /* border: 2px dashed #f69c55;*/ display: table; position: fixed; bottom: 0; width: 100%; height: 50px; line-height: 50px; background-color: black; float: left; } #footer a{ margin-left: 50px; vertical-align: middle; color: whitesmoke; }

 <div id="footer"> <a>Number: 0000000</a> <a>fax: bruh moment</a> <a>email: smidgin@gmail.com</a> <div>

Answer 1

也將left: 0添加到頁腳

 #footer{ /* border: 2px dashed #f69c55;*/ display: table; position: fixed; left:0; bottom: 0; width: 100%; height: 50px; line-height: 50px; background-color: black; float: left; } #footer a{ margin-left: 50px; vertical-align: middle; color: whitesmoke; }

 <div id="footer"> <a>Number: 0000000</a> <a>fax: bruh moment</a> <a>email: smidgin@gmail.com</a> <div>

Answer 2

將此添加到您的 styles

body {
    margin: 0;
}