[ css ] box-sizing - 요소의 크기를 화면에 표시하는 방식
페이지 정보
작성자 웹지기 댓글 0건 조회 4,041회 작성일 21-01-11 17:08본문
박스사이징(box-sizing) - 요소의 크기를 화면에 표시하는 방식
- 컨텐츠 기준으로 바뀜
div{ margin:10px;width:150px;}
#small{border:10px solid #000;}
#large{border:30px solid #000;}
<div id="small">small</div>
<div id="large">large</div>
위와 같이 사용할 경우 small과 large가 크기가 달라진다.
이를 A와 B를 같은 크기로 수정하기 위한게 box-sizing:border-box; 를 사용한다.
추천0 비추천0
댓글목록
등록된 댓글이 없습니다.