Question

（通过重复建议解决 - 我删除了元素之间的空格，如在那里解释的那样：How to remove the space between inline-block elements?）

我正在为其他人做HTML / CSS示例。

我已经定义了

*{
  padding: 0px;
  margin: 0px;
  font-size: 80%;
  box-sizing: border-box;
  font-family: 'Lato', sans-serif;
  border: 0px;
 }

 body{
  width: 100%;
 }

和

<div class="wrapper">

带样式

width: 1920px;
display: block;
margin: 0px;
padding: 0px;
border: 0px;
vertical-align: top;

包装包含搁置和主

<aside>[...]</aside>
<main>[...]</main>

除了的样式为：

position: relative;
width: 1010px;
padding-top: 100px;
display: inline-block;
background-color: lightgray;

主要的样式为：

  width: 810px;
  display: inline-block;
  height: 1em;
  background: #333 none repeat scroll 0 0;
  vertical-align: top;
  border: 0px;

我的问题是：为什么这些元素不会粘在一起[？]，它们之间就像5个像素的空白区域。 http://scr.hu/8rxi/9smmb （注意：圆圈的红色部分是练习的另一部分）

元素之间的距离是多少？

0 个答案: