为什么这些行内块之间会有间距（margin为0）？

Question

<h1>题目5</h1> <p>实现一个浮动布局，红色容器中每一行的蓝色容器数量随着浏览器宽度的变化而变化 </p> <div class="div-container5"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div> </div> ////////////////////////////////////////////// * {   -webkit-box-sizing: border-box;      -moz-box-sizing: border-box;           box-sizing: border-box;           margin: 0;           padding: 0; } h1,h2,h3{ margin:5px;  } .div-container5{ background-color: red; margin: 20px 50px; } .div-container5 div{ background-color: yellow; width: 300px; min-height: 50px; display: inline-block; }

Answer 1

这是行内元素通有的一个问题，解决方案有很多种，我列举几种，这种问题大可以百度，很多很全。

第一种：
<div class="div-container5">
    <div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div><div>8</div><div>9</div>
</div>
代码删除回车，但是这样可读性差

第二种：
.div-container5{
    font-size:0;
}
.div-container5 div{
    font-size:24px;
}
如上设置font-size ，也是我比较常用的一种方法，不过有些时候不是很好用

Answer 2

因为你在style中设置了*{ manager=0}；*代表所有html中所有的属性都添加规定的样式