width和height是内容的宽和高设置
来源：3-9 哪些元素可设置width和height属性
慕尼黑4757019
2018-07-26 16:03:27
在写代码过程中，设置width和height值是整个元素的宽高改变，为什么这里说是对内容的宽高设置呢？比如：
p{width:20px;
height:50px;
background:gray
}
这里会呈现一个20px x50px 灰色块
如果我改变其中的weigh和height值，整个的灰色块是发生变化的，如果p标签中有内容，内容大小是不变的，请老师帮忙解答下哦。
写回答
1回答
-
好帮手慕夭夭
2018-07-26
整个元素的宽高包含内容 , padding以及border , 如下给一个div元素设置宽高 , padding ,和border:
那么元素box实际的宽高是112px ,
所以设置width: 100px;和 height: 100px;可以说出给内容设置宽度和高度 ,因为box里面可以放下内容的大小就是100px ,但实际上元素的大小是112px .
希望解答了你的疑惑 ,祝学习愉快 ,望采纳
3
相似问题