선택 요소의 상속 너비

Question

테이블 셀 내에 select 요소가 있습니다. 선택 영역에서 요소의 너비를 상속 받으면 정상 상태에서 오버플로가 발생하지 않도록하고 싶습니다.

사용자가 "옵션"을 선택하면 상자가 최대 요소의 너비까지 확장 될 수 있습니다. 설정을 시도했습니다. max-width : inherit; 그러나 부모 요소의 너비 속성이 설정된 경우에만 작동하는 어딘가 읽었습니다. 누군가 올바른 방법을 지적 할 수 있습니까? 감사합니다.

Answer 1

당신은 select 요소가에 width: inherit을 설정하여 (이 경우, td 요소) 부모의 width 속성을 상속 할 수 있습니다. 즉, 실제 너비가 아닌 CSS 속성 width의 계산 된 값을 상속받습니다.

테이블 열 너비는 특히 셀 내용의 너비 요구 사항을 사용하기 때문에 복잡합니다. 그러나 다음 (너무) 간단한 예제는 상속이 사용할 수있는 방법을 보여줍니다

<table border> 
<tr><td style="width: 100px"> 
<select style="width: inherit"> 
<option>Supercalifralisticexpialidocious 
</select> 
</table> 

이것은, 부모의 같은 즉 100 개 픽셀 select 요소의 폭을 다할 것입니다. 원하는 값으로 직접 설정하는 대신 여러 가지 방법을 사용하는 것이 중요하지 않지만, 너비가 서로 다른 여러 셀에 select 요소가 포함되어 있으면 해당 너비로 제한해야합니다. width: inherit을 사용하면 편리합니다. 또는 width: 100%을 설정할 수 있습니다.