html两个div并排之间为什么会有缝隙（我

来源：蜘蛛抓取(WebSpider) 时间：2017-01-07 14:34 标签： html两个div并排

最近在做网页时发现在IE7下（FF没試过），div与div之间有时会出20个像素左右的空隙除非把margin设成负值，否则空隙无法去除我在 网上找了很多办法，诸如在html开头加协议说明在毋容器里加display:inline，强制所有div左飘等等都不能解决问题。其中强制div 左飘的办法确实有效但不知为什么，用了这种方法后会使div内的一些span标签絀现异常。

最后翻了很多技术论坛终于被我找到一个最“干净”的办法，就是在CSS文件开头加一句 *{margin:0px;padding:0px} 强制所有对象内外边距为0我加上了，效果不错

后来看看老鸟们的讨论，出现这个问题可能是由于IE对CSS兼容不够导致的在开头把边距清零相当于将各种浏览器的标准重置。

另外的两列div中的紧密排列的写法：

用CSS如何让两个DIV盒子并排体现呢

各人知道默认情况下DIV是独占一排的，DIV不设置任何CSS格局这个DIV盒子都邑独有一行踊跃换行。

运用CSS让两个DIV并排闪现排成一排显示思空见贯方式有两种：

对div设置装备摆设display:inline就可实现div不换行，而是并排显现不会独占一排。 


  

    2、DIV并排树范实例效果截图
  

  

    3、小结 运用display:inline（并排展现 排成一排）讓div并排展现的确是去掉了div默许display:block（块 独有一行 对象换行）属性。
  

  

    display:inline css格局让div并排展示要是div盒子过量后，自然div也会换行显露以是要让更多div并排展示，紧要较量争论好div总宽度只需div并排总宽度小于或等于父级宽度，自然会并排表现不换行
  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 html两个div并排 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐