HTML中margin和padding的区别
2024-08-25 08:01:22
我们以DIV为一个盒子例子，既然和显示生活中的盒子一样，那我们想一下，生活中的盒子
内部是不是空的好用来存放东西，而里面存放东西的区域我们给他起个名字叫“content(内
容)”，而盒子的纸壁给他起个名字叫“border（边框）”，如果盒子内部的东西比如是一块硬
盘，但是硬盘怕震动，所以我们需要在硬盘的四周盒子的内部均匀填充一些防震材料，这时
硬盘和盒子的边框就有了一定的距离了，我们称这部分距离叫“padding（内边距）”，如果
我们需要购买许多块硬盘，还是因为硬盘怕震动所以需要在盒子和盒子之间也需要一些防震
材料来填充，那么盒子和盒子之间的距离我们称之为“margin（外边距）”
好滴！盒子模型的四要素就出来了，分别是：content（内容）、border（边框）、
padding（内边距）、margin（外边距），如下图
我们的页面就是由许许多多的盒子组成的~~~，但是和现实生活中的盒子不同，现实生活中
我们会忽略外边距（margin），但是在页面中，我们是不能忽略外边距（margin）的，只有
包括外边距的盒子模型在CSS中才是完整的，几时外边距为零，我们也不要忽略它，要知道他
是存在的
内容来自豆瓣的帆
最新文章
- java实现a+b的多重输入
- python中if __name__ == "__main__"：用法解析
- 利用ant脚本 自动构建svn增量/全量 系统程序升级包
- mysql加单引号和不加单引号的性能比较
- 10个你可能不知道的JavaScript小技巧
- bundle install 出现 'gem install mysql2 -v '0.3.15' succeeds before bunding '
- 201521123104 《Java程序设计》 第12周学习总结
- TypeError: argument 1 must be an integer, not _subprocess_handle/OSError： [WinError 87]
- docker部署redis及踩到的坑
- JVM、垃圾收集器
- ZooKeeper系列(5)：ZooKeeper的日志和快照
- Confluence 6 启用主题评论
- 理解webpack之process.env.NODE_ENV详解(十八)
- Linux ls 排序
- nagios维护之添加监控
- perf使用示例2
- Js页面自动跳转
- 2018春招-今日头条笔试题-第四题（python）
- 当使用了相对路径 <base href="<%= basePath %>" /> 后，全局都只能使用相对路径
- 利用thrift rpc进行C++与Go的通信