浏览模式: 普通 | 列表
3月, 2020 | 1

CSS中width和height与盒子模型的关系（解释为何设置了padding，界面就撑开变形了）

[ 2020-03-04 16:40:59 | 作者: admin ]
p.s.元素模型如下图，如果宽度设置了100%，再设置padding-left为1%，实际宽度变成了101%，也就撑开了
所以最外层div谨慎设置宽度100%，一般需要外面再套一个div，或者width 100%-1%=99%

attachments/202003/04_164447_div.jpg



attachments/202003/04_164227_99483720160908211945348357692657.jpg


            css中盒子模型包含属性margin、border、padding、width与height，他们可以把它转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也具有这些属性，所以叫它盒子模式。那么内容就是盒子里装的东西（element）；而填充（pad...

阅读全文…
分类: H5/JS/CSS | 永久链接 | 评论: 0 | 引用: 0 | 浏览: 957
1