正在回答
2回答
同学你好,跟margin,padding都为0没有关系哦,所以全设为0也清除不了间隙。其实这些间隙的本质是由回车符导致的,我们可以把两个子div放到一行试试(注意,此时并没有设置margin:0和padding:0):
效果:
但是在实际开发中我们不可能这样写代码,去除所有的空格和回车,但是这又是inline-block所特有的属性,是规避不了的,所以我们就有了浮动,用浮动来解决这个间隙问题,这也是浮动的意义所在。
希望我的回答能够帮助到你,望采纳,祝学习愉快!
好帮手慕粉
2019-11-05 17:33:18
同学你好,是可以的哦,但是不建议这样做呢,因为设置了display:inline-block之后,元素之间就会有默认的间隙,如果大盒子设置了固定宽度的话,就会有内容被挤下来,例:
盒子box的宽度为800px,box1加box2的宽度也为800px,但是box2却被撑到了下一行:
这就是display:inline-block存在默认间隙,子盒子的宽度实际是大于父盒子的。
我们也可以调小子盒子的宽度再看一下:
发现两个子盒子并没有紧贴在一起,中间有间隙。
但是使用浮动就不会有这样的效果哦,所以一般情况下我们都使用浮动来实现,同学可以自己尝试着用浮动实现一下。
希望我的回答能够帮助到你,望采纳,祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧