CSS –为什么百分比身高无效? [重复]
|
这个问题已经在这里有了答案:
没有找到相关结果
已邀请:
6 个回复
嘘崇蔡对
高到足以容纳段落,and2ѭ高到足以容纳to1 to。 当您将高度或宽度指定为百分比时,这是相对于元素父级的百分比。在宽度的情况下,除非另有说明,否则所有块元素的宽度一直与其父元素一样宽,一直到
。因此,块元素的宽度与它的内容无关,并且说“ 5”会产生定义良好的像素数。 但是,除非您指定特定的高度,否则块元素的高度取决于其内容。因此,在涉及高度的父级和子级之间会有反馈,并且说ѭ6yield不会产生明确定义的值,除非您通过给父元素指定特定的高度来打破反馈循环。
茬贺努充尽
属性中的百分比值有点复杂,而
和
属性实际上彼此不同。让我带您浏览规格。
物业: 让我们看一下CSS Snapshot 2010规范对ѭ7的描述: 相对于生成的盒子的包含块的高度计算百分比。如果未明确指定包含块的高度(即,它取决于内容的高度),并且此元素不是绝对定位的,则该值将计算为“'auto \”。根元素上的百分比高度是相对于初始包含块的高度。注意:对于绝对定位的元素(其包含的块基于块级元素),百分比是相对于该元素的填充框的高度计算的。 好的,让我们一步一步地将其分开: 相对于生成的盒子的包含块的高度计算百分比。 什么是包含块?这有点复杂,但是对于默认位置
的普通元素,它是: 最近的块状容器祖先框 或用英语显示其父框。 (值得一提的是,
和
的位置也会是什么,但是我忽略了这个简短的答案。) 因此,举两个例子:
奥李
田损比报
倾坞髓
这意味着元素相对于最近定位的祖先进行了定位。
旅牢斯讲
第二个div将是第一个div高度的30%。