关于盒子大小

Posted zmxyl-1437

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于盒子大小相关的知识,希望对你有一定的参考价值。

比如设计图盒子大小为850px*170px,由前端页面浏览器显示出来即会被子级盒子多出来2px,清除多出来2px的解决办法是

在style标签里面最上面即可

*{

    box-sizing:border-box;

   -moz-box-sizing:border-box; /* Firefox */火狐浏览器

  -webkit-box-sizing:border-box; /* Safari */浏览器兼容问题

}

以上是关于关于盒子大小的主要内容,如果未能解决你的问题,请参考以下文章

css有用的代码片段

关于CSS3弹性盒子的flex布局以及媒体查询

关于CSS3弹性盒子的flex布局以及媒体查询

关于CSS3弹性盒子的flex布局以及媒体查询

css 盒子阴影片段

CSS学习笔记