为什么这些行内块之间会有间距（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中所有的属性都添加规定的样式