css什么时候用百分数，css中100vh

CSS关于属性值是百分比的知识盘点

1、从图上可以知道 top 就是和父元素 height 有关，其他的几个属性的百分比计算也是一样，都是通过父元素来确定自己的值的。

2、上述定义很清晰地指出，元素的 width 只是元素 content 内容区的宽度，不包括 padding ， border ， 与 margin ，即元素的 width 并不表示元素的 可视宽度 。

3、width：宽度的百分比是相对于父盒子width内容宽的比。没有父盒子就是相对于浏览器的宽。height：高度的百分比是相对于父盒子height内容高的比。padding，margin.：padding和margin不管任何方向百分比都是相对于父盒子width内容宽的比。

相关问答

Q1: css布局-百分比布局

1、maximum-scale=0 最大允许视口宽度是1倍 user-scalable=no 不允许用户缩放视口 书写移动端网页，没有版心，必须用百分比布局。百分比布局也叫流式布局。

2、百分比是实现页面自适应的重要途径，而元素百分比的 宿主 到底是谁一直是令人困扰的问题。其实CSS对于百分比的定义十分明确：至此我们发现， 包含块( containing block ) 的确切定义就显得尤为重要。

3、检查CSS是否书写正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。

Q2: CSS内边距的百分比数值

CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值，但不允许使用负值。

margin：0 20px 30% 0对应的是与上，右，下，左四边相邻元素的距离。

而子元素会根据文字行高来设置高度具体值（在子元素高度不设置具体值的情况下）。

padding-top padding-right padding-bottom padding-left 设置内边距。值可以是：百分比（基于父元素宽度的百分比）长度值（固定的padding值）Margin：这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

规定以具体单位计的固定的下内边距值，比如像素、厘米等。

css什么时候用百分数的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css中100vh、css什么时候用百分数的信息别忘了在本站进行查找喔。