너비:100%와 너비:자동의 차이

이번에는 width:100%;와 width:auto의 차이점을 알려드리겠습니다.

<p>
    <p>1111</p>
</p>
p{
　　width:980px;<br>　　background-color: #ccc;<br>　　height：300px;
}
p{
     width:100%;<br>　　/*width:auto;*/
    padding:10px;<br>　　background-color:#000;<br>
}

p의 너비가 100%인 경우 p의 너비가 980px가 되어 이미 p 영역을 채우고 패딩이 있으므로 p를 초과한다는 의미입니다.

그리고 width:auto일 때 전체 너비(너비,

margin

, 패딩, 테두리 포함)는 상위 너비(너비, 상위 여백, 패딩, 테두리 제외)와 동일하므로 패딩이 왼쪽과 오른쪽이 10px 공간이면 너비로 주어진 값은 960px입니다. 그러나 width:100%이든 자동이든 계산 기준은 전체 너비 값이 아닌 상위 콘텐츠 영역 너비 값입니다.

이 기사의 사례를 읽으신 후 이 방법을 마스터하셨다고 믿습니다. 중국 사이트의 PHP 기타 관련 기사를 주목해 주세요!

추천 도서:

폭포 흐름 레이아웃 및 무한 로딩 사진 앨범 효과

CSS로 3D 버튼 효과 구현

투명을 사용하여 삼각형 만들기

위 내용은 너비:100%와 너비:자동의 차이의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!