欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

写代码遇到的小问题

程序员文章站 2022-05-01 20:13:55
...

盒子超出设置的高度,右设置浮动,产生影响
写代码遇到的小问题

本来如图所示画红圈的本应该靠左边排列,却跑到右边,原因是上边盒子超出本身设置的高度,而又设置浮动,有浮动的盒子不会压住文字,字体只会围绕浮动的盒子,解决方法:
在父盒子上设置overflow:hidden,把溢出的盒子隐藏掉,就不会影响下面的盒子。

.recon {
    overflow:hidden;
}