Ảnh hưởng của padding và đường viền đến việc mở rộng phần tử trong CSS
Nếu một khối có cả padding và đường viền,
chúng sẽ cùng nhau mở rộng khối:
<div id="elem1"></div>
<div id="elem2"></div>
#elem1 {
width: 100px;
height: 100px;
background: #f1f1f1;
margin-bottom: 20px;
}
#elem2 {
width: 100px;
height: 100px;
background: #f1f1f1;
padding: 25px; /* thiết lập khoảng đệm */
border: 10px solid green; /* thiết lập đường viền */
}
:
