想问一下为什么里面的内容会被挤下来

想问一下为什么里面的内容会被挤下来，导致各个标签之间间距很大，用这个小li为什么宽高这么大？请问如何解释这个问题，解答一下

你的li在旁边的less里面写了个margin-bottom：0.1rem，当然会把p标签里面的内容给挤下去呀，他俩之间有间隔很正常呀，你的样式写的就是这样，去掉这个margin-bottom

看一下 li 里面标签的高度，是不是撑高了？

把flex:1去了看看

显示font-size为100px，检查一下是不是在其它地方设置过li的字体大小

所以标签都有自带的margin或者是padding，你可以现在样式里面写一个*{margin:0;padding:0}去掉所有元素默认的margin和padding在看看是什么样子