从box-sizing属性入手,了解盒子模型
# 从box-sizing属性入手,了解盒子模型 # 背景 先声明一下运用的场景,假如项目布局使用的是自适应的布局方式,div给出的宽度是百分比的形式,即占窗口宽度的100%,但边框border和内边距padding是用像素来表示的,此时就会造成一个问题是div总宽度超过窗口宽度。为了避免这种问题,可以使用属性box-sizing:border-box来把 标准盒模型 变成
# 从box-sizing属性入手,了解盒子模型 # 背景 先声明一下运用的场景,假如项目布局使用的是自适应的布局方式,div给出的宽度是百分比的形式,即占窗口宽度的100%,但边框border和内边距padding是用像素来表示的,此时就会造成一个问题是div总宽度超过窗口宽度。为了避免这种问题,可以使用属性box-sizing:border-box来把 标准盒模型 变成