Javascript Can'；t去除div'上的白边；s

所以，我已经尝试了我能想到的所有方法来去除我页面上所有内容的白色边距

我已经把：

margin:0在我能想到的所有东西上，它仍然无法摆脱它。任何帮助都会很好

我为巨大的代码墙道歉


函数myFunction（）{
var x=document.getElementById（“myTopnav”）；
如果（x.className==“topnav”）{
x、 类名+=“响应”；
}否则{
x、 className=“topnav”；
}
}
/*全局*/
* {
框大小：边框框；
保证金：0；
填充：0；
}
html{
保证金：0；
填充：0；
宽度：100%；
身高：100%；
字体系列：无衬线；
}
身体{
保证金：0；
填充：0；
宽度：100%；
身高：100%；
字体系列：“Tahoma”，无衬线；
字体大小：16px；
颜色：#4545；
背景色：#fff；
}
div{
保证金：0；
}
/*结束全球*/
/*习俗*/
.集装箱{
右侧填充：15px；
左侧填充：15px；
右边距：自动；
左边距：自动；
}
.页脚{
填充物：5px10px；
背景色：#428cd9；
}
/*末日习俗*/
/*定制响应*/
.行：：之后{
内容：“；
明确：两者皆有；
显示：块；
}
[类别*=“列-”]{
浮动：左；
填充：15px；
}
.col-1{
宽度：8.33%；
}
.col-2{
宽度：16.66%；
}
上校3{
宽度：25%；
}
.col-4{
宽度：33.33%；
}
上校5{
宽度：41.66%；
}
.col-6{
宽度：50%；
}
上校7{
宽度：58.33%；
}
.col-8{
宽度：66.66%；
}
.col-9{
宽度：75%；
}
上校10{
宽度：83.33%；
}
上校11{
宽度：91.66%；
}
上校12{
宽度：100%；
}
/*终端定制响应*/
/*导航栏*/
ul.topnav{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#428cd9；
}
ul.topnav li{
浮动：左；
}
ul.topnav li a{
高度：55px；
显示：内联块；
颜色：#4545；
填充：0px 16px；
线高：3.0；
文字装饰：无；
文本对齐：居中；
字号：17px；
过渡：0.3s；
}
ul.topnav李a：悬停{
背景色：#2162a6；
颜色：#7575；
}
ul.topnav li.icon{
显示：无；
}
/*末端导航栏*/
/*响应导航条*/
@媒体屏幕和屏幕（最大宽度：680px）{
ul.topnav li：不是（第一个孩子）{
显示：无；
}
ul.topnav li.icon{
浮动：对；
显示：内联块；
}
}
@媒体屏幕和屏幕（最大宽度：680px）{
ul.topnav.responsive{
位置：相对位置；
}
ul.topnav.responsive li.icon{
位置：绝对位置；
右：0；
排名：0；
}
ul.topnav.li{
浮动：无；
显示：内联；
}
ul.topnav.lia{
显示：块；
文本对齐：左对齐；
}
}
/*末端响应导航条*/
@媒体屏幕和屏幕（最大宽度：680px）{
诺莫比尔先生{
显示：无；
}
yesmobile先生{
宽度：100%；
}
}
.标题img{
最小高度：300px；
背景图片：url(http://thirdshiftdesigns.net/images/cabheader2.png);
背景重复：无重复；
背景尺寸：自动100%；
背景位置：中上；
/*填充：40px；（如果不想设置最小高度或存在某些图像内容）*/
}
.端头{
宽度：100%；
高度：15px；
背景色：#428cd9；
}









您正在将许多元素包装到
.col-12
类中。CSS中的所有
.col-
元素都设置为在边缘周围包含
15px
的
padding
。以下是在Chrome Developer Tools中查看页面的屏幕截图，您可以在其中看到突出显示的元素：

您在
.col-12
类中包装了许多元素。CSS中的所有
.col-
元素都设置为在边缘周围包含
15px
的
padding
。以下是在Chrome Developer Tools中查看页面的屏幕截图，您可以在其中看到突出显示的元素：

如果检查元素，您会发现不需要的空格是由于以下样式造成的，该样式将
填充
应用于
类
值包含
列的所有元素

[class*="col-"] {
  float: left;
  padding: 15px;
}

[class*="col-"] {
  padding: 0;
}

覆盖样式，您可以消除不需要的空间。请注意，对于其值包含
col-
的所有类，这将把
填充设置为0

[class*="col-"] {
  float: left;
  padding: 15px;
}

[class*="col-"] {
  padding: 0;
}

或者，您只能覆盖
.col-12
的
填充
，这将对
.col-12
应用0填充，而包含
col-
的其他类仍将获得15px的填充

.col-12 {
  padding: 0;
}

如果检查该元素，您会发现不需要的空格是由于以下样式造成的，该样式将
填充
应用于
类
值包含
列
的所有元素

[class*="col-"] {
  float: left;
  padding: 15px;
}

[class*="col-"] {
  padding: 0;
}

覆盖样式，您可以消除不需要的空间。请注意，对于其值包含
col-
的所有类，这将把
填充设置为0

[class*="col-"] {
  float: left;
  padding: 15px;
}

[class*="col-"] {
  padding: 0;
}

或者，您只能覆盖
.col-12
的
填充
，这将对
.col-12
应用0填充，而包含
col-
的其他类仍将获得15px的填充

.col-12 {
  padding: 0;
}

您需要在col-12元素上将padding设置为0

在CSS中更改以下内容

.col-12 {
    width: 100%;
}

到

您需要在col-12元素上将padding设置为0

在CSS中更改以下内容

.col-12 {
    width: 100%;
}

到

你能说得更具体些吗？“每件事的利润”相当模糊。您确定要查看的是边距而不是应用于其他元素的某些填充吗？请在所需的特定div上重置填充
div.col-12{padding:0}
是否可以更具体一些？“每件事的利润”相当模糊。您确定查看的是边距而不是应用于其他元素的某些填充吗？请在所需的特定div
div.col-12{p上重置填充