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

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

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

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

想问的是原因,而不是可以代替实现的其他方法,请指教

给这两个divfloat:left

你试试div 都设置成45% ,就可以搞定了。想要并列一行充满的话,设置inline就可以

float:left

可以用flex布局,有效避免换行等异常