塊級元素轉行內元塊級元素出現的邊距需要怎么解決呢？
<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>
2017-01-10
.k2{width: 300px;height: 100px;background: #6C76AF;margin: 0;padding: 0;float:left;}