Html 图像不'；调整窗口大小时不填充div

基于，我已经设法弄明白了，但是当调整窗口大小时，h2仍然显示一个边距，我刚刚通过从h2中删除20px来删除边距，我不应该这样做，但是，这仍然存在一个问题。当我调整窗口大小时，div不跟随图像，我只能看到背景。有没有什么方法可以解决这个问题，而不必从每个h2中移除20px？但在调整窗口大小时仍然没有间隙/没有任何中断。如果您查看“代码段完整”窗口，然后调整浏览器窗口的大小，您将了解我的意思

正文{
填充：0；
保证金：0；
字体系列：“Raleway”；
}
.导航{
显示：无；
背景色：黑色；
文字装饰：无；
颜色：银色；
保证金：0；
列表样式：无；
文本对齐：居中；
}
.nav>li{
显示：块；
}
/*.nav>li:之前{
内容：“*”；
} */
.nav>li>a{
文字装饰：无；
颜色：银色；
字体大小：24px；
文本转换：大写；
字体大小：粗体；
字母间距：4px；
}
.nav btn{
显示：块；
字体大小：30px；
背景色：黑色；
颜色：银色；
文本对齐：居中；
光标：指针；
}
.形象{
背景图像：url（'https://www.wbnx.com/uploads/downloads/cover_art/850x315_reign_mary.jpg');
宽度：100%；
最大高度：400px；
背景位置：左中心绝对位置；
背景大小：100%；
背景重复：无重复；
位置：绝对位置；
}
.头衔{
显示：内联块；
颜色：白色；
位置：相对位置；
利润率：15%；
文本转换：大写；
}
.形象{
文本对齐：居中；
位置：相对位置；
背景颜色：绿色；
}
.image>h2{
垫面：50%；
线高：50%；
}
@媒体屏幕和屏幕（最大宽度：411px）{
.title>h2{
字体大小：15px；
}
.形象{
最大高度：280px；
}
}
.提交箱{
颜色：黄色；
背景色：深蓝色；
填充：0；
利润上限：-20px；
}

欢迎来到法国！
菜单






“今天，我是国王！”
苏格兰女王玛丽。
注册我们的时事通讯！
$（'span.nav btn'）。单击（函数（）{
$（'ul.nav'）.toggle（）；
});

在

h2

元素上仍有边距，因为其默认边距尚未重置。将负边距应用于

.submitbox

，认为会影响

h2

在页面上的位置，但不会影响

h2

的边距。如果要从h2中删除边距，只需编写

h2{margin:0；}

，不需要负边距。要用图像填充容器区域，请写入

背景尺寸：封面而不是
背景大小：100%。这很有效。太感谢你了！