Question

截屏：

我想通过引导程序在页面上使用博客联系表单小部件。我如何才能使该部件全宽并响应迅速，而在窗口小部件的底部和侧面没有这些白色边距呢？

小部件html：                                                        ale                                    康诺斯科

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

如何删除博客小部件的空白边距？

2 个答案: