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是会占用当前元素以外的空间，而并非其本身的空间。