如何刪除博客小部件的空白邊距？

Question

截圖：

我想通過引導程序在頁面上使用博客作者聯系表單窗口小部件。 在小部件的底部和側面沒有這些白色邊距的情況下，如何使該部件全寬並響應？

小部件html：Fale Conosco

CSS：

.widget{ 
text-align:center;
background-color:#222222;}
.body { 
display:inline;
background-color:#222222;}
.navbar { 
font-family: 'Teko', sans-serif; }
.content-header{ 
font-family: 'Oleo Script', cursive; 
color:#fcc500; 
font-size: 45px; } 
#reel { 
padding-top:50px; 
height:100%; 
color:#fff; 
background-color:black; } 
#about { 
font-family: 'Teko', sans-serif; 
padding-top: 50px; 
text-align: center; 
width: 100%; 
height: 400px; 
background: #222222; 
color : #fff; } 
#services { 
font-family: 'Teko', sans-serif; 
padding-top: 50px; 
text-align: center; 
width: 100%;  
height: 400px; 
background: #222222; 
color : #fff; } 
div#contact { 
font-family: 'Teko', sans-serif; 
padding-top: 50px; 
text-align: center; 
background: #222222; 
color : #fff; } 
#footer { 
font-family: 'Teko', sans-serif; 
text-align: center; 
background: #222222; 
color : #fff; }
.main-inner {
padding-top: 30px;
padding-bottom: 30px;
overflow: hidden;
}

謝謝！

Answer 1

以下樣式可能有效：

body,html,section{

  margin:0 !important;
  padding:0 important;
  width:100% !important;

}

但這不是解決問題的永久方法。 您必須准確找出問題所在。

Answer 2

檢查您的頁面。 關注該元素並觀察，您可以看到剩余。

或使用reset.css