html - 我不希望在框之间没有使用font-size属性的任何空间。

This question already has answers here:

How do I remove the space between inline-block elements?
                                
                                    （39个答案）
                                
                        
                                7个月前关闭。
            
                    
我一直试图连续显示3个框，它们之间没有任何空格。

我想在不使用font-size属性的情况下实现这一目标。

    html,body {
     height:100%;
     width:100%;
     margin:0;
     }
    #b {
    height:25%;
    width:25%;
    background:lightblue;
    display:inline-block;
    }

     <div id=b></div>
     <div id=b></div>
     <div id=b></div>

最佳答案

试试这个，它正在工作

 html,body {
         height:100%;
         width:100%;
         margin:0;
         }
        #b {
        margin-left:-4px;
        height:25%;
        width:25%;
        background:lightblue;
        display:inline-block;
        }

 <div id=b></div>
     <div id=b></div>
     <div id=b></div>