关于两个DIV各占50%时无法在同一行显示的问题

https://blog.csdn.net/qq_32657025/article/details/75699504

关于两个DIV各占50%时无法在同一行显示的问题
原因

浏览器的原因，浏览器有3px的BUG。
因为margin,padding,border都设为0，所以与之无关。

解决方案

（1）在其中一个div上加上margin-left：-3px；

（2）将两个元素都设置为靠左或靠右浮动，然后将宽度均设为50%。

注意

margin,padding,border是会占用当前元素以外的空间，而并非其本身的空间。