Javascript 如何从页面中去除空白并使其100%宽

Javascript 如何从页面中去除空白并使其100%宽,javascript,html,css,Javascript,Html,Css,我的页面宽度有问题。无论我尝试什么,它的左边或右边都有白色的边距(默认情况下在右边,如果我使用右边距,则在左边:0)。 如果我使用边距:0,它将保持在右侧。 尝试了我所知道的一切,但无法摆脱它。使用asterix为整个页面清除边距没有帮助,将宽度设置为100%也没有帮助。我不知道,也许sidenav导致了所有这些问题,但我真的看不到任何类似的事情 顶部的导航栏很好,它占据了页面宽度的100%。问题从容器下面开始 函数openSlideMenu(){ document.getElementBy

我的页面宽度有问题。无论我尝试什么,它的左边或右边都有白色的边距(默认情况下在右边,如果我使用右边距,则在左边:0)。 如果我使用边距:0,它将保持在右侧。 尝试了我所知道的一切,但无法摆脱它。使用asterix为整个页面清除边距没有帮助,将宽度设置为100%也没有帮助。我不知道,也许sidenav导致了所有这些问题,但我真的看不到任何类似的事情

顶部的导航栏很好,它占据了页面宽度的100%。问题从容器下面开始


函数openSlideMenu(){
document.getElementById('side-menu')。style.width='250px';
document.getElementById('main').style.marginRight='250px';
}
函数closeSlideMenu(){
document.getElementById('side-menu')。style.width='0';
document.getElementById('main').style.marginRight='0';
}
*{
保证金:0;
填充:0;
}
身体{
线高:1.6em;
字体系列:Arial、Helvetica、无衬线字体;
字体大小:16px;
颜色:#FFFFF 0;
}
.导航栏导航a{
文字装饰:无;
颜色:#F4;
字体大小:30px;
字体系列:Arial无衬线字体;
利润率:0 15px 0 15px;
}
.导航栏导航a:悬停{
颜色:#999999;
}
.导航栏导航{
左边距:180像素;
}
.侧导航{
身高:100%;
宽度:0;
位置:固定;
z指数:1;
排名:0;
右:0;
背景色:#111;
不透明度:0.9;
溢出x:隐藏;
填充顶部:60px;
过渡:0.5s;
}
.侧导航a{
填充:10px 10px 10px 30px;
文字装饰:无;
字体大小:22px;
颜色:#ccc;
显示:块;
过渡:0.3s;
}
.侧导航a:悬停{
颜色:#fff;
}
.侧导航btn关闭{
位置:绝对位置;
排名:0;
左:22px;
字体大小:36px;
右边距:50px;
}
#主要{
过渡:余量右移0.5s;
填充:20px;
溢出:隐藏;
宽度:100%;
}
.集装箱{
字体大小:16px;
字体系列:Arial、Helvetica、无衬线字体;
背景色:#cc0000;
宽度:100vw;
}

哈茨敦-亨茨敦足球俱乐部|主场
Lorem ipsum dolor sit amet,奉献精英。我们的驱虫剂是由我们自己制造的,因为我们认为它是一个巨大的容器,是一个巨大的容器!同一天的同一天,同一位精英共事


可能是引导
容器
类添加了空白。你应该
检查
Chrome中的元素,它会告诉你哪个CSS在该特定元素上运行

对于全宽容器,您可能应该使用引导
containerfluid

修改主引导类(如
container
)的CSS很少是个好主意。最好使用自己的规则添加其他类或id


i、 e.在上面,您添加了一个名为
container--mysite
的修饰符类。如果你对CSS的特殊性/优先级有问题,那就更具体一些

e、 g

.container--myapp{myrules}
//如果上述方法无效,请尝试。。。
#main.container{myrules}
.container.container--mysite{myrules}
将生成覆盖标准容器类的标准引导规则的CSS


为了使CSS具有某种结构,如果您没有使用SASS/LESS创建CSS,请查找“块元素修改器CSS”

可能是引导
容器
类添加了空白。你应该
检查
Chrome中的元素,它会告诉你哪个CSS在该特定元素上运行

对于全宽容器,您可能应该使用引导
containerfluid

修改主引导类(如
container
)的CSS很少是个好主意。最好使用自己的规则添加其他类或id


i、 e.在上面,您添加了一个名为
container--mysite
的修饰符类。如果你对CSS的特殊性/优先级有问题,那就更具体一些

e、 g

.container--myapp{myrules}
//如果上述方法无效,请尝试。。。
#main.container{myrules}
.container.container--mysite{myrules}
将生成覆盖标准容器类的标准引导规则的CSS


为了使CSS具有某种结构,如果您没有使用SASS/LESS创建CSS,请查找“块元素修改器CSS”

它看起来像是引导容器,因为我刚刚将类从容器更改为其他类型,突然问题消失了。只是出于好奇。您知道如何使用相同的类覆盖引导容器质量吗?对于全宽容器,您可能应该使用
容器流体
,而不仅仅是
容器
,它看起来像是引导容器,因为我刚刚将类从容器更改为其他类型,突然问题消失了。只是出于好奇。您知道如何使用同一类覆盖引导容器质量吗?对于全宽容器,您可能应该使用
容器流体
,而不仅仅是
容器