CSS 之 상자 크기 조정

<! DOCTYPE HTML>
<HTML LANG = "EN">
<head>
<메타 문자 집합 = "UTF-. 8">
<제목> 데모 </ 제목>
<스타일 유형 = "텍스트 / CSS"미디어 = "화면">
. {D1
폭 :까지 300 픽셀,
높이, 150 픽셀
: 1 픽셀 고체 # 000; 경계
패딩 : 10px;
/ * 사이즈 박스 : 박스 테두리, 소정의 폭과 높이 * 경계 /로부터 카운팅
/ * 사이즈 박스 : 컨텐츠 - 박스 기본적 폭 콘텐츠의 소정의 부분의 높이가 테두리 패딩을 포함하지 않는 * /

}
.d2 {
폭 : 100 %;
신장 : 100 %;
배경 : 빨간색;
}
</ 스타일>
</ head>
<body>
<div 클래스 = "D1">
<div 클래스 = "D2">

</ div>
</ div>
</ BODY>
</ HTML>

추천

출처www.cnblogs.com/xuwupiaomiao/p/12152013.html