掌握盒子的宽高属性，能够对盒子的大小进行控制。
网页是由多个盒子排列而成的，每个盒子都有固定的大小，在CSS中使用宽度属性width和高度属性height可以对盒子的大小进行控制。width和height的属性值可以为不同单位的数值或相对于父元素的百分比，实际工作中最常用的是像素值。
盒子的总宽度= width+左右内边距之和+左右边框宽度之和+左右外边距之和
盒子的总高度= height+上下内边距之和+上下边框宽度之和+上下外边距之和
注意：宽度属性width和高度属性height仅适用于块级元素，对行内元素无效（标记和除外）。
盒子的宽与高
2024-08-26
60
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
【8月更文挑战第26天】盒子的宽与高。
目录
相关文章
|
11天前
|
前端开发
|
2月前
|
前端开发
|
4月前
|
前端开发
认识盒子模型，盒子模型的边框、内外边距、水平布局、垂直布局、设置浮动、处理高度塌陷的基本方法（1）
网页是一个多层的结构,设置样式样式，也是一层一层的设置，最终我们看到的最上面的一层。
128
0
0
认识盒子模型，盒子模型的边框、内外边距、水平布局、垂直布局、设置浮动、处理高度塌陷的基本方法（2）
内边距会影响盒子的可见框的大小，元素的背景会延伸到内边距,盒子的大小由内容区、内边距和边框共同决定。外边距指的是当前盒子与其他盒子之间的距离，他不会影响可见框的大小，而是会影响到盒子的位置。
205
0
0
|
前端开发
