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

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

1. 原因

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

2. 解决方案

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

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

3. 注意

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