两个div和为100%,但是却出现换行情况

Question

(1)div {
display:inline-block;
}
(2)他们的父亲宽度100%
(3)所有元素margin,padding,border设置为0
(4)子元素div分别为30%和70%
(5)浏览器捕获元素查看两个div宽度数据和正好等于父亲宽度

疑问:为什么两个div不会同一行,总得少那么1px才可以,不是刚刚好一行展示?

Answer 1

inline-block是包含空格、换行符的，所以种种原因会导致inline-block产生间距，即会出现换行。https://blog.csdn.net/camillezj/article/details/78499549