`` 필드에 대해 `width: auto`가 예상대로 작동하지 않는 이유는 무엇이며, 사용 가능한 공간을 채우려면 어떻게 해야 합니까?

width:auto 에 대한 동작 필드

질문:

블록 수준 요소의 width:auto가 요소가 사용 가능한 공간을 채울 수 있다는 기대에도 불구하고 이 작업은 작동하지 않는 것 같습니다. <입력> 강요. width:auto의 정의를 명확히 하고 에 사용 가능한 공간을 채우는 원하는 동작을 달성하기 위한 솔루션을 제안합니다. 필드.

정답:

요소는 너비 스타일 속성이 아닌 크기 속성을 기준으로 계산됩니다. 기본 크기 값에 따라 초기 자동 너비가 결정됩니다.

사용 가능한 공간을 채우는 예상 동작을 얻으려면 width:auto 대신 width:100%를 설정해 보세요.

예:

<code class="html"><form action="" method="post" style="width:200px;background:khaki">
  <input style="width:100%" />
</form></code>

추가 참고:

너비를 더 세부적으로 조정하려면 음수 여백과 테두리를 추가하여 다음에서 적용한 기본 여백과 테두리를 취소하세요. 브라우저. 이렇게 하면 테두리를 다르게 적용하는 Internet Explorer를 제외하고 다양한 브라우저에서 일관성이 보장됩니다.

위 내용은 `` 필드에 대해 `width: auto`가 예상대로 작동하지 않는 이유는 무엇이며, 사용 가능한 공간을 채우려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!