Usage of Percentages in CSS
Usage of Percentages in CSS
Instead of defining a fixed width using units like px
, or cm
,
percentages can be used in CSS to set the height and width of child
elements relative to the dimensions of their parent. The child elements
will grow or shrink according to the set percentage values if the parent
element changes in size.
.news-row {
height: 300px;
width: 500px;
}
.news-row .news-column {
height: 80%; /* 240px */
width: 50%; /* 250px */
}
Join the conversation