Html 显示问题<；ul>；div中的元素

我正在为我的网站创建页脚。我遇到的问题似乎平淡无奇，也许不是。在“footer”元素中有一个“ul”列表，其中有“li”与社交媒体的链接。Chrome浏览器不显示这些元素，类似于Opera和Mozilla。问题在哪里？我的想法快用完了

*{
框大小：边框框；
填充：0；
保证金：0；
}
身体{
字体系列：“Lato”，“Josefin Sans”，无衬线；
字号：0；
}
navbar先生{
字号：18px；
宽度：100%；
位置：固定；
背景色：rgba（0,0,0,0.8）；
边框：1px实心rgba（0,0,0,0.2）；
垫底：10px；
}
.主导航{
列表样式类型：无；
}
.导航链接，
.标志{
文字装饰：无；
颜色：rgba（255，255，255，0.7）；
垂直对齐：中间对齐；
}
主导航李先生{
文本对齐：居中；
利润率：15px自动；
}
.标志{
显示：内联块；
字体大小：22px；
边缘顶部：10px；
左边距：20px；
}
.导航栏切换{
位置：绝对位置；
顶部：10px；
右：20px；
光标：指针；
颜色：rgba（255，255，255，0.8）；
字体大小：24px；
}
.主导航{
列表样式类型：无；
显示：无；
}
.主动{
显示：块；
}
.背景图像img{
身高：100%；
宽度：100%；
}
.集装箱{
显示器：flex；
高度：250px；
}
.左栏{
宽度：33.333%；
背景#f2f2；
边框：1px实心#e6；
}
.立柱中心{
宽度：33.333%；
背景#f2f2；
边框：1px实心#e6；
}
.右栏{
宽度：33.333%；
背景#f2f2；
边框：1px实心#e6；
}
.container.左栏{
文本对齐：居中；
填充顶部：20px；
字体大小：20px；
}
氢{
字体大小：23px；
填充：15px；
}
p{
字体大小：20px；
填充：15px；
}
.容器.柱中心{
文本对齐：居中；
填充顶部：20px；
字体大小：20px；
}
.container.column右{
文本对齐：居中；
填充顶部：20px；
字体大小：20px；
}
@媒体屏幕和屏幕（最小宽度：600px）{
navbar先生{
显示器：flex；
证明内容：之间的空间；
填充底部：0；
高度：70像素；
对齐项目：居中；
}
.主导航{
显示器：flex；
右边距：30px；
弯曲方向：行；
证明内容：柔性端；
}
主导航李先生{
保证金：0；
}
.导航链接{
左边距：40px；
}
.标志{
边际上限：0；
}
.导航栏切换{
显示：无；
}
.徽标：悬停，
.导航链接：悬停{
颜色：rgba（255，255，255，1）；
}
}
@媒体屏幕和屏幕（最大宽度：599px）{
h2.标题{
字体大小：15px；
}
p{
字体大小：13px；
}
}

现代设计
完美干净的网站设计
反应敏捷的
使您的网站便于移动
质量代码
编码最佳实践是我的一套规则

您将

字体大小设置为
0
，因此文本没有高度

因为文本没有高度，所以
没有高度，所以
没有高度，所以
没有高度，而
没有高度，所以你看不到它