이 기사는 CSS3의 새로운 속성 상자 크기를 사용하여 설정 너비의 문제를 해결하는 데 문제가 있습니다.
문법상자 크기 : Content-Box |.값 1. 컨텐츠 박스
이것은 CSS2.1에 의해 지정된 너비 높이입니다.
너비와 높이는 요소의 내용 상자에 적용됩니다.
너비와 높이 외부 요소의 내부와 프레임을 그립니다.
값 2, 테두리 박스요소의 너비와 높이는 요소의 테두리 상자를 결정합니다.
즉, 요소에 지정된 내부 거리와 테두리는 설정 너비와 높이 내에 그려집니다.
콘텐츠의 너비와 높이는 테두리와 내부 거리를 세트 너비와 높이로부터 빼면 얻을 수 있습니다.
값 III 상속규정은 부모 요소에서 상자 크기 속성의 값을 상속해야합니다.
예 <html> <html> <steyle> ontainer {100%; 순서-박스-박스-박스 : PIREFOX * / -webkit-box 크기 : / * Safari : 1em Solid Red; 패딩 : 15px;} </style> </head> <body> <div class = container> <div class = box>이 div는 왼쪽 절반을 차지합니다. </div> </div> </body> </html> 요약위는이 기사의 모든 내용입니다.