![在这里插入图片描述](https://www.icode9.com/i/ll/?i=202103031121264.png?,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk0NDc3NQ==,size_16,color_FFFFFF,t_70)
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=20210303112057915.png?,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk0NDc3NQ==,size_16,color_FFFFFF,t_70)
可以看到span浮动的时候,123右边并没有出现20px的空白。
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=20210303112152581.png)
正常的浮动会使后面的元素紧跟在浮动元素后面,所以后面的元素距离左边框的距离至少等于浮动元素的width。
但如果是未设置高度或设置高度为0,且没有内容的行内元素,它的高度为0,后面的元素无法与它放在同一行,于是放在了下一行。这就导致从视觉上该浮动元素“消失”了。
新手入门,若理解有误,还请多多指教!
标签:浮动,行内,标签,后面,元素,高度,占位,多多指教
来源: https://blog.csdn.net/weixin_41944775/article/details/114304289