1、利用同级divdisplay:inline-block将块级元素改为行内元素，块级元素（div p）自带换行，转为行内元素(span)后不自动换行；父级强制不换行，超过宽度出滚动条；
image.png
超过宽度自动换行，可用于隐藏 显示功能，关键点在于white-space: nowrap;的使用
image.png
2、利用position:ausolute绝对定位实现；
image.png
定位相关介绍可看另一篇https://www.jianshu.com/p/ab91bde05d5d?v=1667895284436
3、利用弹性盒子布局flex；
image.png
有关flex详细介绍可看另一篇css flex布局 https://www.jianshu.com/p/223f8229753b?v=1667895468803
