HTML 행 채우기 세로 공간

HTML로 몇 가지 실험을 수행하면 두 번째 줄이 나머지 공간을 채우지 않는 이유는 무엇입니까? 테이블이 수직으로 왜 늘어지지 않는 이유는 무엇입니까?HTML 행 채우기 세로 공간

<table width="100%" border="1" height="100%"> 
    <tr> 
     <td align=center>Line 1 
     </td> 
    </tr> 
    <tr height="90%" > 
     <td>Line 2 
     </td> 
    </tr> 
</table>

출처

2013-08-19 user1813

난 그냥 정상에 HTML 개방과 폐쇄 태그를 추가하여 (이 테스트 하단) 전체 페이지를 채 웁니다. 이 블록을 수정 한 코드의 다른 부분이 있어야합니다. 문제는 캡슐화 태그 또는이 테이블 뒤에 오는 태그로 이루어져야합니다. – Zibbobz

어떤 브라우저가 있습니까? – user1813

IE7, 이는 내가 인정하는 것을 설명 할 수있다. – Zibbobz

블록 요소, TABLE 그 중 하나 인은, 그 내용의 크기로 확장합니다.

100%에는이 경우 컨텍스트가 없습니다. 숫자에 값을주세요.

출처

2013-08-19 17:32:33

그래서 이것은 너비가 아닌 높이에서만 유효합니다. – user1813

100 % 높이 = 부모의 높이 100 %. 부모 (BODY)도 내용에 맞게 크기가 지정되므로 * IS * 100 % 높이가됩니다. 100 % 너비 = 브라우저 너비. –

시도 (absolute 위치를 사용 할 필요가 없습니다 것) 사용 가능한 수직 공간을 통해 확장 table 요소의 모든 부모를 강제하기 위해

<html style="height: 100%;"> 
    <body style="height: 100%;"> 
     <table style="height: 100%;"> 
     ...

를 사용하여.

파이어 폭스 (28), IE 11과 (뿐만 아니라, 따라서 아마도 구글 크롬) 크롬 (34)의 작품

출처 : http://www.dailycoding.com/posts/howtoset100tableheightinhtml.aspx

출처

2015-02-10 15:45:41

HTML 행 채우기 세로 공간

답변

관련 문제