网站专题BANNER

浮动布局时,中间出现一块空白

发表日期:2021-07-21 21:01:20 文章编辑:洛壹网络 文章来源:深圳网站建设

浮动布局时,中间出现一块空白,如下图所示。

浮动布局时,中间出现一块空白

这种情况要怎么解决?

1,首先我们要设置好LI的宽度,且图片也设置好宽度 ,再设置display:block;

2, 再设置一下li的高度,每个div(lil)区块的高度是否一样?建议检查下div(dl)区块的高度,如果有某个区块height不一致,就有可能会造成区块浮动后区块与区块之间被“卡住”。就会自动换行留出空白。

因为浮动有环绕的效果,如果两个LI之间的高度不一致,就会根据浮动方向自动环绕,或者换行。就像图中的效果。

相关内容
我们
定制
咨询
联系
在线咨询
您的浏览器版本太低

请升级您的浏览器: Internet Explorer11 或以下浏览器: Firefox  /  Chrome  /  360极速浏览器