CSS

box-sizing : 박스 크기에 padding과 border를 포함

CD2Y 2021. 6. 10.
반응형

See the Pen box-sizing by nilgi (@nilgi) on CodePen.

 

.cd {
  width: 200px;
  height: 100px;
  background: #ffd700;
}

.box1 {
  width: 200px;
  height: 100px;
  background: #ffd700;
  padding: 20px;
}

.box2 {
  width: 200px;
  height: 100px;
  background: #ffd700;
  padding: 20px;
  box-sizing: border-box;
}

반응형