*解决添加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;理解,盒模型

相关文章:

  • 2022-12-23
  • 2021-12-04
  • 2021-12-02
  • 2021-06-22
  • 2021-12-31
  • 2021-11-19
  • 2022-03-06
猜你喜欢
  • 2022-12-23
  • 2021-12-27
  • 2021-06-06
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-11
相关资源
相似解决方案