为什么蓝色的块就会距上面那么大的距离呢,
<p class="container">
<p class="row" >
<p class="col-md-6 " style="margin-top: 2%;">
<img src="朝阳区管理员 - 管理后台_files/book.png" width="230">
</p>
<p class="col-md-6 col-md-pull-2 ">
<h3>定制你的罗马风情串珠水钻</h3>
<p>商家:<a href="#">明海书店</a></p>
<p>入库时间:2016.06.01</p>
<p>数量:1</p>
<p>图书ISBN:534556246533</p>
<p>出版社:花海出版社</p>
<p>页数:骑马钉</p>
<p>录入员:赵某某</p>
</p>
<p style="clear: both;"></p>
<p style="width:120px; height: 40px; background:#497aa2; color: #ffffff; ">
1245646464654654
</p>
<hr>
</p>
</p>
相同的代码,除了把img标签最后添加了一个封闭斜杠,并没有出现你的问题,试着换个浏览器看看