码迷,mamicode.com
首页 > 其他好文 > 详细

box-sizing的用法

时间:2017-08-12 14:43:43      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:nbsp   浮动   load   等于   box   comm   img   src   div   

 box-sizing 规定两个并排的带边框的框:

例如技术分享

技术分享

以上案例父元素是600px,子元素各占百分之五十,因为两个子元素有边框。导致没有浮动在一排
技术分享

 

 
加了box-sizing:border-box 两个子元素边浮动在一起了
技术分享

 技术分享

box-sizing:border-box 可以让元素的边框,边距加起来等于实际的宽度。

box-sizing的用法

标签:nbsp   浮动   load   等于   box   comm   img   src   div   

原文地址:http://www.cnblogs.com/pangbo1213/p/7350037.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!