关于div包裹imgiframe等标签会多3px或4px的问题

Posted 2021-01-28 st-client

div标签直接包裹img或iframe等标签的时候，div不设置高度，子标签设置高度，此时div标签会被撑开，同时div的高度会比子标签多3px或4px，这是由于子标签底部多了几个px的空白，由于子标签是行内元素，display属性值为inline，类似于文本，需要把img或iframe标签设置为块级元素，即给img、iframe这些标签设置{display:block}，就不会出现几像素的空白。