Html 增加高度不是'；t在a<；img>；标签

我不知道如何增加维生素PIC的高度，它在容器下面。我还是个新手，我知道这似乎是个业余的错误。我尽了我所能，但没有用。我相信这与它在集装箱下面这一事实有关。我正试图建立一个网站，销售维生素，这对它来说还是新鲜事，但我仍在尝试

@导入url（'https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap'）；
* {
保证金：0；
填充：0；
框大小：边框框；
字体系列：无衬线；
}
.背景{
宽度：100%；
高度：100vh；
背景色：#e0d1cb；
位置：相对位置；
溢出：隐藏；
z指数：2；
}
.导航{
位置：固定；
排名：0；
宽度：100%；
显示器：flex；
证明内容：周围的空间；
对齐项目：居中；
最小高度：8vh；
背景色：#e0d1cb；
字体系列：“Syne Mono”，monospace；
z指数：3；
}
.导航链接{
显示器：flex；
证明内容：周围的空间；
宽度：30%；
字体系列：“Syne Mono”，monospace；
}
.nav链接李{
列表样式：无；
字体系列：“Syne Mono”，monospac
}
.导航链接a{
颜色：rgb（0,0,0）；
文字装饰：无；
字母间距：2px；
字体大小：粗体；
字体大小：14px；
字体系列：“Syne Mono”，monospac
}
.汉堡{
显示：无；
}
.汉堡部{
宽度：25px；
高度：3倍；
背景色：rgb（226226226226）；
保证金：5px；
过渡：所有0.3秒缓解；
}
@媒体屏幕和屏幕（最大宽度：1024px）{
.导航链接{
宽度：60%；
}
}
@媒体屏幕和屏幕（最大宽度：768px）{
身体{
溢出x：隐藏；
}
.导航链接{
位置：固定；
右：0px；
高度：92vh；
顶部：8vh；
背景色：#e0d1cb；
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
宽度：20%；
转化：translateX（100%）；
过渡：0.5s轻松过渡；
}
.nav链接李{
不透明度：0；
}
.汉堡{
显示：块；
光标：指针；
}
}
.导航激活{
转化：translateX（0%）；
}
@关键帧navLinkFade{
从{
不透明度：0；
转换：translateX（50px）；
}
到{
不透明度：1；
变换：translateX（0）；
}
}
.toggle.line1{
变换：旋转（-45度）平移（-5px，6px）；
}
.toggle.line2{
不透明度：0；
}
.toggle.line3{
变换：旋转（45度）平移（-5px，-6px）；
}
@导入url（'https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap'）；
.标志{
调整大小：两者；
字体系列：“Syne Mono”，monospace；
}
.link：：之后{
内容：''；
显示：块；
宽度：0；
高度：2倍；
背景：#000000；
过渡：宽度3s；
}
.link:hover:：after{
宽度：100%；
过渡：宽度3s；
}
.标题{
宽度：100%；
背景色：rgba（0,0,0,0.5）
}
.标题ul{
文本对齐：居中；
}
李先生{
列表样式：无；
显示：内联块；
}
李先生{
显示：块；
文字装饰：无；
文本转换：大写；
颜色：白色；
字体大小：100%；
字母间距：2px；
字号：600；
填充：25px；
过渡：宽度3s；
}
.内容{
颜色：#fbfcfd；
位置：绝对位置；
最高：50%；
左：8%；
转化：translateY（-50%）；
z指数：2；
}
.标题1{
字体大小：300%；
边缘底部：10px 0 30px；
背景：透明；
位置：相对位置；
动画：文本5s1；
左：120%；
}
@为文本设置关键帧{
0% {
颜色：透明；
边缘底部：-40px；
}
30% {
字母间距：4px；
边缘底部：-40px；
}
85% {
字母间距：3px%；
边缘底部：-40px；
}
}
.欢迎{
字体大小：30px；
位置：相对位置；
}
.集装箱{
位置：绝对位置；
身高：80%；
宽度：30%；
背景：#dfcac1；
最高：50%；
左：35%；
转换：翻译（-43%，-60%）；
}
.集装箱img{
尺寸：；
}
维生素C{
宽度：100%；
转换：翻译（10%，80%）；
填充：0.10；
}

Realvite

如果我是你，我会使用引导列，因为这些列不仅易于配置，而且导入引导还允许你使用广泛支持的各种HTML、CSS和Javascript库。这是链接-

但同时，我建议删除以下内容：

.container img {
size: ;
}

---

将容器宽度更改为50%以查看是否有效，因为当前已将容器宽度设置为30%，而图像大于30%，因此不适合容器内部。如果50%不起作用，那么尝试几个不同的值来尝试并使其适合，但正如前面提到的，我建议使用Bootstrap，然后您可以使用“col-md-4”并为此设置背景，从长远来看，这可能对您更方便！）

你能看一下你的密码吗；语法突出显示-在代码段编辑器中（单击问题下方的“编辑”链接，然后单击“编辑上述代码段”）指出了与

和final

标记相关的错误。请问您能否澄清一下您的意思？对stackoverflow来说还是新手，请容忍我。谢谢你，哈利！我对JS没有很好的掌握，基本上我复制并粘贴了我使用的所有JS，但当我变得更好时，我肯定会学习bootstrap。你告诉我的解决方案有点奏效。再次非常感谢！