天天看点

box-sizing:border-box;理解,盒模型*解决添加padding边距向外加问题

*解决添加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;理解,盒模型*解决添加padding边距向外加问题
box-sizing:border-box;理解,盒模型*解决添加padding边距向外加问题

继续阅读