Làm cách nào để chia tỷ lệ div thành 100% chiều cao và chiều rộng bên trong của một phần tử khác

Làm cách nào để chia tỷ lệ div thành 100% chiều cao và chiều rộng bên trong một phần tử khác? Trong trường hợp của tôi một td sourrounding. Vì tôi là một plugin nên tôi không thể kiểm soát HTML khác trên trang. Đây là HTML của tôi:Làm cách nào để chia tỷ lệ div thành 100% chiều cao và chiều rộng bên trong của một phần tử khác

<body style="height:100%;"> 
    <table width="600px" height="400px" border="1"> 
    <tr> 
     <td style="background-color:silver;">Cell 1</td> 

     <td style="background-color:silver;"> 
    <div style="height:100%; background-color:yellow;"> 
     <div style="min-height:100%; height:100%; background-color:red;"> 
     Cell 2 
     </div> 
    </div> 
     </td> 
    </tr> 
    </table> 
</body>

Vì vậy, ô Cell 2 phải được phóng to. Có một cách trình duyệt chéo để làm điều này? Tại sao điều này quá phức tạp?

Nguồn

2009-02-21 mzehrer

có vấn đề gì với mã ở trên ??? chỉ cần mở nó trong FF3 và IE6/7, và RED div chiếm toàn bộ ô. –

Tại sao cả hai có div trong div nếu giá trị của nó là 100% chiều cao và chiều rộng? Không có cách nào khác chỉ sử dụng div chứa cho mục đích của bạn?

Nó có thể không hoạt động vì chiều cao không thành công trừ khi phần tử containg có một số chiều cao xác định được áp dụng cho nó.

Nguồn

2009-02-21 10:48:24 Sam152

Tôi cần div để thêm bản đồ google vào đó. – mzehrer

Có thể bạn chỉ cần đặt trong bản đồ google và để cho nó điền vào div gốc? – Sam152

Nhìn vào this stack overflow question cũng ... sau khi xem xét the top rated answer trong câu hỏi đó, có vẻ như bạn phải đặt chiều cao của vùng chứa thành 100% và "chiều cao, chiều cao" của phần tử con thành 100%.

Đến this website để biết thêm - HTML dưới đây được tước xuống phiên bản của trang web

<div style="height:100%;"> 
    <div style="min-height:100%; height:100%; background-color:red;"> 
    put your content here 
    </div> 
</div>

Nguồn

2009-02-21 10:49:57

Điều này không hiệu quả đối với tôi, xem ví dụ đã chỉnh sửa của tôi trong câu hỏi. – mzehrer

?? bảng của bạn là cao 400px, div sẽ không đi qua rằng –

Điều này bắt tôi ra quá - liên kết được cung cấp giải quyết vấn đề. Trong trường hợp của tôi cũng cần chiều cao của html và cơ thể là 100% –

Sử dụng javascript/jquery bạn có thể dễ dàng có được chiều cao của phần tử cha mẹ và thay đổi kích thước div của bạn cho phù hợp.

Tuy nhiên, vì div nằm trong ô bảng, chiều rộng không cố định vì ô sẽ mở rộng và hợp đồng theo nội dung của các ô khác trong bảng. Vì vậy, thực sự không có chiều rộng chính xác, ô sẽ tự điều chỉnh theo nội dung của tất cả các ô.

Nhân tiện, vấn đề về độ cao của bạn sẽ dễ dàng được giải quyết khi đặt 400px, nhưng tôi đoán cấu trúc bảng được hiển thị chỉ là một ví dụ (1 hàng, chiều cao 400px ...).

Nguồn

2009-02-21 15:48:13 jeroen

Tôi nghĩ rằng điều này có thể được giải quyết bằng cách sử dụng HTML/CSS một mình. Và có, 400px chỉ là ví dụ. – mzehrer

Giống như tôi đã nói, không có câu trả lời đúng vì chiều cao và chiều rộng của các ô bảng thay đổi tự động, vì vậy tôi không nghĩ rằng một giải pháp html/css tồn tại. – jeroen

Làm cách nào để chia tỷ lệ div thành 100% chiều cao và chiều rộng bên trong của một phần tử khác

Trả lời

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