回旧版

119网盘目录_分类目录提交_分享优质网站导航

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; }


此文由 119网盘目录_分类目录提交_分享优质网站导航 编辑,未经允许不得转载!:首页 > 教程收藏 > 建站经验 » css3新增的box-sizing属性完美解决div并排占位问题

感觉不错,很赞哦! ( )
分享到:

相关推荐

评论 暂无评论