box-sizing

<style>
	.box{
		width:150px;
		height:150px
	}
</style>
<body>
	<img src="img/1.jpg" class="box">
</body>

box-sizing有两个属性值:content-box和border-box。

根据上例,如果给box的box-sizing设置content-box,则图片内容宽高为150*150 px(如果为图片加padding和border是向外扩张);

如果给box的box-sizing设置border-box,则指定的宽高150*150 px是从图片外面的边框算起(如果为图片加padding和border是向内压缩)。

因此,为了避免在给block设置外部样式时破坏原有布局,一般情况下建议使用border-box。

上一篇:Dubbo集群容错(三)集群


下一篇:谈谈final finally finalize区别