Javascript 断点在内容中留下空白

在1100px的断点处，我告诉CSS删除一个保存图像的div。但是，其余的内容不会移动，并且有一个很大的空白区域（好像div仍然在那里）。我所希望发生的就是让内容全部转移并填满页面。这个错误发生在这个单一的页面上，这个特定于这个断点

/*最小化浏览器风道*/
@介质（最大宽度：1100px）{
标题#品牌，
标题导航，
头球中卫李，
#通讯表格，
旁白#侧边栏{
浮动：无；
文本对齐：居中；
宽度：100%；
}
旁白{
显示：无；
}
#通讯h1{
显示：无；
}
}
/*768片*/
@介质（最大宽度：768px）{
标题#品牌，
标题导航，
头球中卫李，
#通讯h1，
#通讯表格，
#盒子，盒子，
第#条主要内容：，
旁白#侧边栏{
浮动：无；
宽度：100%；
}
标题{
垫底：20px；
}
#意象{
显示：无；
}
#展示h1{
字体大小：275%；
}
#展示p{
字体大小：100%；
}
#通讯按钮，
.报价按钮{
显示：块；
宽度：100%；
}
#新闻稿表单输入[type=“email”]，
.报价输入，
.quote textarea{
宽度：100%；
边缘底部：5px；
}
col-25先生，
上校75{
宽度：100%；
边际上限：0；
}
/*导航*/
ul.topnav li{
显示：无；
}
ul.topnav li.icon{
显示：内联块；
}
ul.topnav.responsive{
位置：相对位置；
}
ul.topnav.responsive li.icon{
位置：绝对位置；
右：0；
排名：0；
}
ul.topnav.li{
浮动：无；
/*“取消”浮动列表项，使其返回垂直显示*/
显示：内联；
}
ul.topnav.lia{
显示：块；
文本对齐：左对齐；
}
}
/*400像素手机*/
@媒体屏幕和屏幕（最大宽度：480px）{
标题#品牌，
标题导航，
标题导航李{
文本对齐：居中；
字体大小：100%
}
标题ul{
填充：10px；
字体大小：100%；
}

函数myFunction（）{
var x=document.getElementById（“myTopnav”）；
如果（x.className==“topnav”）{
x、 类名+=“响应”；
}否则{
x、 className=“topnav”；
}
}
DB管道









我们的故事
Darren Brady管道版权所有©；2017

英国注册号：4364232

我认为在@media css中将容器类设置为100%宽度可以解决您的问题。

我认为在@media css中将容器类设置为100%宽度可以解决您的问题。

有两种方法可以将div居中（在您的案例中是“我们提供的”块）

中心块按

位置：相对

#main-col{
    position:relative;
    left:15%;    //This can differ, and you can keep whatever you see it's best
}

增加该特定块的
最小宽度

#main-col{
    min-width: 100%;   //Remember, you need to force the width, 
                       //so width:100% won't work here. Hence min-width
}



正文{
字体：100%/1.5 Arial，Helvetica，无衬线；
填充：0；
保证金：0；
背景色：白色；
}
/*设置列表“容器”的样式*/
ul.topnav{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
}
/*将列表项向左浮动-这是将垂直列表变为水平行的“魔力”*/
ul.topnav li{
浮动：左；
}
/*设置链接的样式*/
ul.topnav li a{
显示：内联块；
颜色：白色；
文本对齐：居中；
文字装饰：无；
过渡：0.3s；
字体大小：100%；
}
/*盘旋*/
ul.topnav李a：悬停{
颜色：金色；
}
/*最初隐藏图标*/
ul.topnav li.icon{
显示：无；
}
/*全球的*/
.集装箱{
宽度：70%；
保证金：自动；
溢出：隐藏；
/*允许汉堡导航和品牌位于同一条线上*/
}
a{
文字装饰：无；
文本阴影：50px；
颜色：黑色；
}
保险商实验室{
保证金：0；
填充：0；
}
.订阅{
高度：38px；
背景：金；
边界：0；
左侧填充：20px；
右边填充：20px；
颜色：黑色；
}
.黑暗{
填充：25px；
背景：35424a；
颜色：白色；
边缘顶部：10px；
边缘底部：10px；
}
.地图{
位置：相对位置；
填充底部：75%；//这是纵横比
身高：0；
溢出：隐藏；
}
.地图iframe{
位置：绝对位置；
排名：0；
左：0；
宽度：100%！重要；
身高：100%！重要；
}
/*标题**/
标题{
背景：35424a；
颜色：白色；
填充顶部：30px；
最小高度：70px；
边框底部：金色5px实心；
}
标题a{
颜色：#ffffff；
文字装饰：无；
文本转换：大写；
字体大小：100%；
}
头李{
浮动：左；
显示：内联；
填充：0 20px 0 20px；
}
标题#品牌{
浮动：左；
}
标题#品牌h1{
保证金：0；
}
标题导航{
浮动：对；
边缘顶部：10px；
}
标题。突出显示{
颜色：金色；
}
标题a：悬停{
颜色：金色；
}
h3.青铜{
颜色：#cc6633；
}
h3.银色{
颜色：银色；
}
h3.黄金{
颜色：金色；
}
img.catsmall{
宽度：90%；
高度：自动；
}
/*展示*/
#展示{
最小高度：350px；
}
#展示h1{
边缘顶部：50px；
字体大小：500%；
边缘底部：10px；
文本对齐：居中；
}
#展示h2{
边缘底部：10px；
文本对齐：居中；
}
#展示p{
字体大小：120%；
}
/*时事通讯*/
#时事通讯{
填充：15px；
颜色：#ffffff；
背景：35424a
}
#通讯h1{
浮动：左；
}
#通讯表格{
浮动：对；
边缘顶部：15px；
}
#新闻稿输入[type=“email”]{
填充：4px；
高度：26px；
宽度：250px；
}
/*边栏*/
旁白#侧边栏{
浮动：对；
宽度：25%；
边缘顶部：10px；
}
第#节contactus.报价输入，
第#节联系方式。报价文本区域{
宽度：30%；
填充物：5px；
}
/*主柱*/
第#条主要内容{
佛罗里达州