块级元素转行内元块级元素出现的边距需要怎么解决呢？
<style>
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
margin: 0;
padding: 0;
}
*{margin: 0;padding: 0;}
.k1{width: 100%;height: 600xp;background: #000000;}
.k1{width: 1200px;height: 600px;background: #CB4B4D;margin: 0 auto;}
.k2{width: 300px;height: 100px;background: #6C76AF;display: inline-block;margin: 0;padding: 0;}
</style>
<body>
<div class="k1">
<div class="k11">
<div class=" k2"></div>
<div class=" k2"></div>
<div class=" k2"></div>
<div class=" k2"></div>
<div class=" k2"></div>
<div class=" k2"></div>
<div class=" k2"></div>
<div class=" k2"></div>
<div class=" k2"></div>
<div class=" k2"></div>
<div class=" k2"></div>
</div>
</div>
</body>
