回旧版

我爱导航网_我爱网址导航_网站酷站免费导航,尽在我爱导航!

css3新增的box-sizing属性完美解决div并排占位问题

当多个div并排的时候通常我们会设置div的宽度并且设置float就可以了。但是如果div设置了宽度 margin和padding宽度的时候往往会出现重新换行的bug, 在css3协议了新增了一个box-sizing属性来解决这个问题。

例如两个宽度50%的div要并排的时候如果给div设置了边框或margin值的时候会换到下一行,这时候box-sizing就派上用场了:

div { box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width:50%;  float:left; }


文章来自:我爱导航,未经允许不得转载!:首页 > 教程收藏 > 建站经验 » css3新增的box-sizing属性完美解决div并排占位问题

感觉不错,很赞哦! ( )

相关推荐

网友评论