Question

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

＆＃13;

#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;
}

＆＃13;

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

＆＃13;

我注意到，当我在堆栈中运行此代码时，此问题并未处于活动状态。但是在小提琴中它显然对我而言。

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

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

在我的dell xps 13（9434）上使用最新版本的chrome，而不是放大或缩小。 http://postimg.org/image/ggbkubiyz/（我的截图）

Answer 1

body {
    display: initial;
}

或使用：

body {
    display: inline;
}

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

初始CSS关键字将属性的初始值应用于元件。它允许在每个CSS属性上并导致该元素为其指定使用属性的初始值。

div之间的空格

1 个答案: