天天看點

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邊距向外加問題

繼續閱讀