div之间的空格答案

【问题标题】：White spaces between divsdiv之间的空格
【发布时间】：2016-05-23 14:54:09
【问题描述】：

我在底部和顶部的 div 之间出现空白（水平），我不知道原因。

#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/

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

在我的戴尔 xps 13 (9434) 上使用最新版本的 chrome，并且没有放大或缩小。 http://postimg.org/image/ggbkubiyz/（我的截图）

【问题讨论】：

我没有在小提琴中看到它
这里相同；小提琴看起来很像 sn-p。您是否有任何机会放大或缩小页面？
postimg.org/image/ggbkubiyz home 我不是在这里发疯的人：D
在代码中注释掉你的空格。意思是：'' 看看这是否能解决你的问题，如果是的话，我有一个为您解决方案
这是因为background-color:#FFF; 中的#header #logo_comment。尝试改变它

标签： html css whitespace

【解决方案1】：

body {
    display: initial;
}

或使用：

body {
    display: inline;
}

发件人：https://developer.mozilla.org/en-US/docs/Web/CSS/initial

initial CSS 关键字将属性的初始值应用于元素。每个 CSS 属性都允许使用它并导致元素指定使用属性的初始值。

【讨论】：

不是有效的解决方案。现在有效的是将我的行高从 75px 编辑为 74 px，现在一切正常。还是很奇怪