今天写页面时发现img 标签下有三像素,一开始把其所有的父元素 padding margin 全都设为0,还是没解决,后来百度发现,因为 img display 默认属性为 inline-block,inline-block 元素默认有行间距,至此问题有一个解决方案,设置 img 的 display为 block 即可。
<style>
.news_jumbotron{background:#f00;}
.news_jumbotron img{width:100%;}
</style>
</head>
<body>
<div class="glo_content news_jumbotron">
<img alt="zezhongkang" src="img/news_pic.gif">
</div>
</body>
设置 display:block 后: