나는 HTML 테이블을 가지고 있으며 세포 내부에 전 사업부div를 고정 TD 높이가없는 html 표 셀 높이의 100 %를 차지하게하려면 어떻게해야합니까?
<td>
<div class=content>some content</div>
</td>
<td>
<div class=content>some content<br/>some content<br/>some content<br/></div>
</td>
에게 특정 셀의 내용의 일부가 여러 줄로가 div 그래서 배경 색상을 가지고 내가보기 그래서 내가 원하는 균일 할 콘텐츠가 적은 div는 여전히 전체 높이를 포함하는 동일한 높이가되어야합니다.
나는.content
{
height:100%;
}
도움이 희망 여기
<table>
<tr>
<td>
<div >some content</div>
</td>
<td>
<div>some content<br/>some content<br/>some content<br/></div>
</td>
</tr>
</table>
체크 아웃 내 코드입니다 콘텐츠 div에 td 셀 자체에 적용됩니다. 당신이 당신의 콘텐츠 DIV 너무 테두리가 코멘트에서 언급 한대로 요소 (이 경우 , 셀) 내부의 경계를 적용하기위한 대안이다
td {
background-color: cornflowerblue;
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(255, 0, 0, 1);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(255, 0, 0, 1);
box-shadow: inset 0px 0px 5px 0px rgba(255, 0, 0, 1);
padding: 5px;
}
나는 또한 적용 삽입 상자 그림자.
높이는 동적 속성이므로 내용에 따라 적용됩니다. 따라서 퍼센트로 설정할 수 없습니다. 그러나 부모 높이가 고정되면 자식은 높이 속성을 퍼센트로 가질 수 있습니다. 여기에서 td의 정적 높이를 설정하여 div 높이를 백분율로 사용할 수 있습니다.
문제는 TD의 높이가 하드 코딩 된 TD 높이가되는 것을 피하기 위해 숨겨져 있고 중간에 일부 콘텐츠가 표시되는 것을 기반으로 동적으로 변경된다는 것입니다. 기본적으로 div가 현재 높이와 관계없이 TD 높이의 100 %가되도록합니다. . 그게 가능하니? – leora
문제가 당신이 당신의 클래스 속성 Quotes을 사용하지 않은 것입니다 수 있습니다 여기
[있었다] 있음 (http://stackoverflow.com/questions/3215553/make-a-div-fill-an-entire-table-cell) [질문] (HTTP ://stackoverflow.com/questions/3542090/how-to-make-div-fill-td-height) [여러] (http://stackoverflow.com/questions/18010768/make-a-div-fill-its-parent -td-height-without-td) [times] (http://stackoverflow.com/questions/19684509/how-do-i-make-a-div-fill-an-entire-table -cell), 순수한 CSS 솔루션은 존재하지 않습니다. –
왜 td 셀에 배경색을 적용하지 않습니까? –
@Mr_Green - 지금은 div 주위에 경계선이있어 (TD가 아님) 재미있어 보이 겠지만 나는 내 CSS를 사용할 수 있고 해결책으로 이것을 사용한다. – leora