Đơn vị %

Đơn vị đo lường tương đối % thiết lập kích thước của phần tử con dựa trên kích thước của phần tử cha của nó. Ví dụ, chiều rộng của hình chữ nhật bằng 50% có nghĩa là nó nhỏ hơn hai lần so với phần tử cha của nó.

Ví dụ

Hãy đặt chiều rộng cho hình chữ nhật phần tử con là 20% và chiều cao là 40%:

<div>
	<p></p>
</div>

div {
	border: 1px solid black;
	width: 200px;
	height: 100px;
}
p {
	border: 1px solid red;
	width: 20%;
	height: 40%;
}

Xem thêm

đơn vị px,
đơn vị này thiết lập kích thước bằng pixel
đơn vị fr,
đơn vị này thiết lập kích thước bằng fr
đơn vị em,
đơn vị này thiết lập kích thước bằng em
đơn vị rem,
đơn vị này thiết lập kích thước bằng rem
đơn vị vw,
đơn vị này thiết lập kích thước bằng vw
đơn vị vh,
đơn vị này thiết lập kích thước bằng vh
đơn vị vmax,
đơn vị này thiết lập kích thước bằng vmax
đơn vị vmin,
đơn vị này thiết lập kích thước bằng vmin