100% trong CSS có ý nghĩa gì?

"Còn tùy vào ngữ cảnh"

"Là % của cái gì?"

• Tìm hiểu qua các ví dụ tương tác

→ Width & Height

→ Top & Left

→ Margin

→ Padding

→ Transform: translate

• Ngoại trừ translate, các trường hợp còn lại đều là % của phần tử cha

[superwoou]

Hồi trước tôi từng cực kỳ rối với cái này, nhưng từ khi có vw và vh thì dễ thở hơn hẳn.. haha

[xguru]

Trong bài viết có nói là đối tượng Parent, nhưng thực ra dùng thuật ngữ Containing Block mới chính xác hơn.

Phần lớn trường hợp thì Parent là đúng, nhưng cũng có những trường hợp không phải vậy.

• https://developer.mozilla.org/ko/docs/Web/CSS/Containing_block

"Trong đa số trường hợp, containing block của một phần tử là vùng nội dung của tổ tiên cấp khối gần nhất, nhưng không phải lúc nào cũng vậy"