CSS踩坑系列-使用自定义列表标签dtdl的时候文本溢出的问题

问题描述：

在搭建个人blog的过程中，有个css没设好，正常情况下是看不出来的，只有你将模拟屏幕横屏了才能发现。也就是当高度不够时候。左边这个dl导航栏有一部分没法显示。或者说dt把它的爸爸dl撑开了，我看了下 dl还是和最大高度一样。

解决方法：

很简单，你只要把dldt自定义列表使用flex布局就行了。

   

然后dt上的margin啥的去掉，flex为1，字号也很重要，我这里是选择自适应的em单位。 因为我的总体用了媒体查询设定了不同宽度下body的字号。所以假设body的font-size是16px的话，这里的0.8是指font-size:12.8px 。

大概理解下emmm，行高line-height也要去掉哦~我截图里没去掉。

问题来了：你为什么不直接用div加flex布局？

没错，早就该用div了哈哈。我也想不通当时写代码的时候为啥要用dldt哈哈，可能是太久没使用过<li><dl>这些标签了？想复习一下？算了吧，好难搞样式。还是div比较香，我已经默默改成div了。

完美~ 好啦，现在多离谱的横屏比例都可以啦~