前情提要：
在做作业时候发现<dl>里面嵌套<dt><img src=""></dt><dd><p></p></dd>时候，浮动不起效果，遂寻找问题~
解决：
因为我的<dl>直接写在了<body>标签中间，所以他的父级元素是<body>，恰巧！<dl>是一枚水灵灵的块级元素，他的默认width是跟随父级元素（这里是body的100%），herght是0。<div>标签同理
解决办法：1.选用的图片小一点
2.设置<dl>的宽度
题外话：为<img>设置max-width和max-height的属性，可以让图片进行自适应等比缩放哦~
https://cloud.tencent.com/developer/news/245885#:~:text=%E6%88%91%E4%BB%AC%E5%86%8D%E6%9D%A5%E7%9C%8B%E4%B8%80%E4%B8%8B%E9%A1%B5%E9%9D%A2%E7%9A%84%E6%9E%84%E6%88%90%2C%E7%94%B1html%E6%A0%87%E7%AD%BE%E5%8C%85%E7%9D%80head%E5%92%8Cbody%E6%9E%84%E6%88%90%2C%E5%88%9A%E5%88%9A%E6%88%91%E4%BB%AC%E7%9A%84div%E7%9B%92%E5%AD%90%E5%B0%B1%E6%98%AF%E5%86%99%E5%9C%A8%E4%BA%86body%E5%85%83%E7%B4%A0%E7%9A%84%E4%B8%8B%E9%9D%A2%2C%E4%B9%9F%E5%B0%B1%E6%98%AFbody%E5%85%83%E7%B4%A0%E7%9A%84%E5%AD%90%E5%85%83%E7%B4%A0%EF%BC%8Cbody%E5%85%83%E7%B4%A0%E5%92%8Chtml%E5%85%83%E7%B4%A0%E7%9A%84%E5%AE%BD%E5%BA%A6%E5%B0%B1%E6%98%AF%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9A%84%E5%AE%BD%E5%BA%A6%2C%E6%89%80%E4%BB%A5div%E5%85%83%E7%B4%A0%E7%9A%84%E5%AE%BD%E5%BA%A6%E4%B9%9F%E6%98%AF%E7%88%B6%E5%85%83%E7%B4%A0%E7%9A%84%E5%AE%BD%E5%BA%A6%E3%80%82,%E5%A6%82%E6%9E%9C%E4%B8%80%E4%B8%AA%E5%85%83%E7%B4%A0%E7%9A%84%E5%AE%BD%E5%BA%A6%E5%92%8C%E7%88%B6%E5%85%83%E7%B4%A0%E7%9A%84%E5%AE%BD%E5%BA%A6%E7%9B%B8%E7%AD%89%EF%BC%8C%E6%88%91%E4%BB%AC%E5%B0%B1%E4%BC%9A%E8%AE%A4%E4%B8%BA%E4%BB%96%E7%9A%84%E5%AE%BD%E5%BA%A6%E6%98%AF100%25%3B100%25%E5%B0%B1%E6%98%AF%E4%B8%8E%E7%88%B6%E5%85%83%E7%B4%A0%E7%9A%84%E5%AE%BD%E5%BA%A6%E7%9B%B8%E7%AD%89%E7%9A%84%E5%AE%BD%E5%BA%A6%E3%80%82%20%E6%89%80%E4%BB%A5%EF%BC%8C%E6%88%91%E4%BB%AC%E5%9D%97%E5%85%83%E7%B4%A0%E7%9A%84%E5%AE%BD%E5%BA%A6%E9%BB%98%E8%AE%A4%E5%80%BC%E4%B8%BA100%25%3B%E4%B8%8E%E7%88%B6%E5%85%83%E7%B4%A0%E7%9A%84%E5%AE%BD%E5%BA%A6%E7%9B%B8%E7%AD%89%2C%E5%9B%A0%E6%AD%A4%E6%88%91%E4%BB%AC%E5%B9%B3%E6%97%B6%E5%86%99%E4%BB%A3%E7%A0%81%E7%9A%84%E6%97%B6%E5%80%99%EF%BC%8C%E5%A6%82%E6%9E%9C%E5%9D%97%E5%85%83%E7%B4%A0%E7%9A%84%E5%AE%BD%E5%BA%A6%E5%92%8C%E7%88%B6%E5%85%83%E7%B4%A0%E7%9A%84%E5%AE%BD%E5%BA%A6%E7%9B%B8%E7%AD%89%2C%E5%B0%B1%E5%8F%AF%E4%BB%A5%E7%9B%B4%E6%8E%A5%E7%9C%81%E7%95%A5%E4%B8%8D%E5%86%99%E3%80%82
扫一扫
3098
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
