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

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

posted @ 2018-12-20 15:09  ST没有C  阅读(726)  评论(0编辑  收藏  举报