其他分享
首页 > 其他分享> > 为什么浮动的,有宽度没高度的,没有内容的行内标签不能起到占位的作用?

为什么浮动的,有宽度没高度的,没有内容的行内标签不能起到占位的作用?

作者:互联网

在这里插入图片描述
在这里插入图片描述
可以看到span浮动的时候,123右边并没有出现20px的空白。
在这里插入图片描述

正常的浮动会使后面的元素紧跟在浮动元素后面,所以后面的元素距离左边框的距离至少等于浮动元素的width。
但如果是未设置高度或设置高度为0,且没有内容的行内元素,它的高度为0,后面的元素无法与它放在同一行,于是放在了下一行。这就导致从视觉上该浮动元素“消失”了。

新手入门,若理解有误,还请多多指教!

标签:浮动,行内,标签,后面,元素,高度,占位,多多指教
来源: https://blog.csdn.net/weixin_41944775/article/details/114304289