您现在的位置是:首页 > 学无止境 > web前端 > web前端

不让padding影响元素的宽度!

张肖龙2018-10-28web前端人已围观

CSS3 新增了 box-sizing 属性。

以前,如果指定 div 的宽度为

div {
	width: 100px;
	height: 100px;
	padding: 10px;
}

则包含 padding,div 的实际宽度为 120px。  有时我们不希望 padding 影响到 div 的实际宽度。以前只能手动计算 width,从 CSS3 开始可以通过 box-sizing 来做到这一点。

div {
	box-sizing: border-box;
	width: 100px;
	height: 100px;
	padding: 10px;
}

则 div 的实际宽度为 100px。

上一篇:没有了

下一篇:jquery tab切换方法

文章评论

站点信息

  • 建站时间:2018年04月1日
  • 网站程序:织梦CMS5.7
  • 文章统计:99条
  • 统计数据站长统计
  • 我的微信:网站制作,互换友链,扫描二维码,加我好友