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

时间:2019-01-08 19:42:37

标签: jquery html css xml blogger

截屏:

white spaces

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

小部件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;
}

谢谢!

2 个答案:

答案 0 :(得分:0)

以下样式可能有效:

body,html,section{

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

}

但这不是解决问题的永久方法。您必须准确找出问题所在。

答案 1 :(得分:0)

检查您的页面。关注该元素并观察,您可以看到剩余。

或使用reset.css