divs之间的空格

我在底部和顶部的div之间得到空格（水平），我不知道原因。divs之间的空格

#header { 
 
    display: inline-block; 
 
    float: left; 
 
    width: 100%; 
 
    height: auto; 
 
} 
 
#header #date { 
 
    display: inline-block; 
 
    float: left; 
 
    width: 100%; 
 
    height: auto; 
 
} 
 
#header #date #date_day_month { 
 
    display: inline-block; 
 
    float: left; 
 
    width: 100%; 
 
    height: auto; 
 
    line-height: 75px; 
 
    background-color: #E96567; 
 
    color: #FFF; 
 
    text-align: center; 
 
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
 
    font-size: 35px; 
 
    margin: 0px; 
 
} 
 
#header #date #date_day { 
 
    display: inline-block; 
 
    float: left; 
 
    width: 100%; 
 
    height: auto; 
 
    line-height: 40px; 
 
    background-color: #DB5658; 
 
    color: #FFF; 
 
    text-align: center; 
 
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
 
    font-size: 17px; 
 
    margin: 0px; 
 
} 
 
#header #logo { 
 
    display: inline-block; 
 
    float: left; 
 
    height: auto; 
 
    width: 100%; 
 
    background-color: #DB5658; 
 
    min-height: 30px; 
 
} 
 
#header #logo_comment { 
 
    display: inline-block; 
 
    float: right; 
 
    height: 40px; 
 
    border-top-left-radius: 110%; 
 
    background-color: #FFF; 
 
    width: 60%; 
 
    text-align: right; 
 
    line-height: 40px; 
 
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
 
    font-size: 14px; 
 
    padding: 0px 10px 0px 10px; 
 
}

<body> 
 
    <div id="header"> 
 
    <div id="date"> 
 
     <div id="date_day_month"> 
 
     hoi 
 
     </div> 
 
     <div id="date_day"> 
 
     hoi 
 
     </div> 
 
    </div> 
 
    <div id="logo"> 
 
     <div id="logo_comment"> 
 
     Hoi 
 
     </div> 
 
    </div> 
 

 
    </div> 
 
</body>

我注意到，当我在这里堆运行这段代码，这个问题并不积极。然而在拨弄它显然是为我。

http://jsfiddle.net/njk96/28/

-----------------------编辑：

使用Chrome的最新版本，在我的戴尔XPS 13 （9434），而不是放大或缩小。 http://postimg.org/image/ggbkubiyz/（我的屏幕截图）

来源

2016-05-23 Mart

我在小提琴里看不到它 – j08691

同样在这里;小提琴看起来很像片段。有没有把页面放大或缩小？ –

http://postimg.org/image/ggbkubiyz/首页我不是那个在这里疯狂的人：D – Mart

body { 
    display: initial; 
}

或使用：

body { 
    display: inline; 
}

来自：https://developer.mozilla.org/en-US/docs/Web/CSS/initial

初始CSS关键词的属性的初始值适用于一个元件。它在每个CSS属性上都是允许的，并使其指定的元素使用该属性的初始值。

来源

2016-05-23 15:34:45 super11

不是工作解决方案..现在有效的是将我的行高从75像素编辑为74像素，现在所有工作都完成了。仍然很奇怪 – Mart

divs之间的空格

回答

相关问题