box-sizing:border-box;理解,盒模型

*解决添加padding边距向外加问题

在給下面添加padding时,出现了下面宽度比头部宽出来一部分,其实是padding加到外部。解决方法很简单只需要添加box-sizing:border-box;意思就是改变了盒模型。

pc端只有双击的时候会看到
box-sizing属性可以指定盒子模型种类,content-box指定盒子模型为W3C,后者为IE盒子模型。

.business-title {
		width: 100%;
		background: #FFFFFF;
		border-bottom: 1px solid #F0F0F0;
		padding: 10px 2%;
		box-sizing:border-box;
	}

box-sizing:border-box;理解,盒模型
box-sizing:border-box;理解,盒模型