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인 경우 전체 너비(너비, 여백, 패딩, border 포함)는 상위 너비(폭, 상위 제외)와 동일합니다. 여백, 패딩, 테두리), 따라서 패딩이 왼쪽과 오른쪽에서 10픽셀의 공간을 차지하면 너비로 제공되는 값은 960픽셀입니다.

그러나 width:100%이든 자동이든 계산 기준은 전체 너비 값이 아닌 상위 콘텐츠 영역 너비 값입니다.

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