分类目录 共计收录4274站; 资讯文章4395篇; 待审网站 637站; 当月收录0站; 今日审核0站; 已收到1个打赏!
快审详情
快审qq
首页 > 教程收藏 > CSS教程

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

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

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

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


x3Y网站目录

此文由 网站目录 编辑,未经允许不得转载!:

评论 暂无评论
-->