div{
box-sizing:border-box;
width:200px;
padding:20px;
border:1px solid red;
立即学习“前端免费学习笔记(深入)”;
}
这段css的意思是说,div宽度为200px,边框为1px,左右空白边距是20px,时间内容宽度自适应,是200-2-20*2=158px;
如果box-sizing的值为content-box,说明设置的是内容区的宽度,不是div盒子的宽度;
浏览器兼容性:
ie8以上支持该属性,firefox需要加上浏览器厂商前缀-moz-,低版本的IOS和Android浏览器也需要加上-webkit-
*,*:before,*:after{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号