css两个div 并排显示

比如，如果我们希望两个元素之间没有空隙，我们可以在CSS中设置：

.left, .right {
   float:left;
   width:50%;
   margin-right:-1px; /*重点，消除空隙*/
} 

上述代码中，我们设置了margin-right为-1px，这样就可以消除两个元素之间的空隙了。同时，我们也可以设置padding来调整两个元素的间距。比如，如果我们希望两个元素之间的间距为10px，我们可以这样设置：

.left, .right {
   float:left;
   width:50%;
   margin-right:-1px;
   padding:0 5px; /*设置左右间距为5px*/
} 

上述代码中，我们设置了padding为0 5px，代表上下间距为0，左右间距为5px。这样，我们就可以实现两个元素之间的间距为10px了。