>
>
charset
="utf-8"
>
>
title
>
type
="text/css"
>
*#inner1
#inner2
/* 總結：
百分比參照於誰
width margin padding:包含塊的width
height:包含塊的height
left:包含塊的width
top:包含塊的height
*/style
>
head
>
>
"wrap"
>
"inner1"
>
"inner2"
>
div>
div>
div>
body
>
html
>
百分比參照於誰
width margin padding:包含塊的width
height:包含塊的height
left:包含塊的width
top:包含塊的height
2d中的transform:translate(50%,50%)裡的百分比參照的是元素自身的寬高
css百分比定位和百分比尺寸
只有設定了定位的 relative,absolute,fixed 的元素才有left,top等屬性。子元素relative定位 百分比定位和百分比尺寸都是相對于父元素，無論父元素有沒有定位 子元素absolute定位 百分比定位和百分比尺寸都是相對於最近的定位了的祖先元素，如果沒有則相對於視窗。可以...
css中的寬高以及百分比參照
vh 窗體高度 vw 窗體寬度 em 繼承字型倍數 rem 根節點字型倍數在做手機端的時候經常會用到的做字型的尺寸單位。說白了 em就相當於 倍 比如設定當前的div的字型大小為1.5em，則當前的div的字型大小為 當前div繼承的字型大小 1.5 但是當div進行巢狀的時候，em始終是按照當前d...
CSS 屬性值中的百分比
css 中經常會出現百分比單位，搞清它們的基數是件很重要的事情。我查了查 css2.1 標準，在此整理一下 乘以包含塊的寬度 margin,padding,left,right,text indent,width,max width,min width 乘以包含塊的高度 top,bottom,hei...