Html 无法使寄宿生从左到右覆盖

因此，我试图为我的网站做一个边界，这样图标从左到右都有一个框围绕着它们。我想要这样的东西： 但对我来说，它似乎不起作用，这是使用类似css的结果。 如果有人能帮我找出我做错了什么，我将不胜感激。我的代码如下

CSS:

HTML:

---

我愿意得到任何帮助。谢谢

使用Javascript将换行div元素的宽度设置为屏幕的宽度（特别是window.innerWidth），对其应用边框样式，然后将菜单的边距设置为自动（即边距：auto；）。然后你可以通过设置菜单的padding-top和padding-bottom来调整包装div的高度

你可以这样试试

#徽标{
背景：3cf；
最小高度：100px；
线高：100px；
文本对齐：居中；
}
.边界{
利润率：10px自动；
显示：块；
最小高度：100px；
边框顶部：2倍纯色灰色；
边框底部：2倍纯色灰色；
背景：rgba（0,0,0,1）；
}
.按钮{
宽度：80%；
最小高度：100px；
线高：100px；
保证金：自动；
文本对齐：居中；
}
.按钮.按钮{
宽度：20%；
最小高度：100px；
文本对齐：居中；
显示：内联块；
背景：红色；
利润率：1%自动；
}

LOGO IMG在这里
第一区
第2区
第3区
第4区

没有像以前一样做很多事情删除“宽度：1000px；”从ID

#布局

。让它

100%

@simonmithell这比我想象的要容易。非常感谢。