2012-07-24 24 views
6

Làm thế nào để cung cấp cho 100% chiều cao cho bảng,làm thế nào để cung cấp cho 100% chiều cao cho bảng trong html5

<table border="1" style="height:100%"><tr> <td>Height 100%</td></tr> </table> 

tôi đã cố gắng này, nhưng nó không dùng chiều cao 100%, có thể bất kỳ một giúp tôi

+0

CSS nào bạn có trên trang, điều này có khả năng là Nội dung trang (hoặc bất kỳ phần tử nào trong bảng), không được đặt đến 100% chiều cao. Bạn có thể sử dụng http://www.jsbin.com để dán mã HTML và CSS của mình vào và gửi qua liên kết để cho phép chúng tôi gỡ lỗi thêm. –

+0

Tôi đang sử dụng bên trong cơ thể, bây giờ tôi đã tặng 100% cho thẻ body, nó hoạt động & cảm ơn vì đã cung cấp liên kết jsbin.com để kiểm tra mã html của tôi –

Trả lời

7

Cung cấp cho cơ thể của bạn chiều cao 100% và bảng sẽ theo dõi - http://jsfiddle.net/R3h3p/

+0

cảm ơn Zoltan .. đã được giải quyết .. –

+1

Cần lưu ý rằng phần tử html sẽ cũng phải được thiết lập để chiều cao: 100%, không chỉ cơ thể (liên kết của bạn là đúng tho). Ít nhất là trong các thí nghiệm của tôi. Tôi đoán điều này là bởi vì html là cha mẹ của cơ thể. (Mà tôi thấy khá kỳ lạ, rằng các thẻ html và/hoặc cơ thể không giả định để mất đến chiều cao đầy đủ của trang có thể nhìn thấy ... Chỉ cần gọi cho tôi một loại Quirky của anh chàng ... lol) –

+4

bình luận của Trizkit là chính xác. Tuy nhiên, đừng quên rằng không chỉ các phần tử 'html' và' body' phải có 'height: 100%', nhưng * tất cả các phần tử cha * của bảng phải có 'height: 100%'. – preahkumpii

Các vấn đề liên quan