Tôi muốn có một IFRAME động có kích thước bằng cách sử dụng CSS sau:IFRAME và vị trí tuyệt đối mâu thuẫn
#myiframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
Tuy nhiên, không có trình duyệt dường như hỗ trợ này.
Trong trình duyệt tốt, tôi có thể bọc IFRAME trong DIV bằng kiểu CSS được trích dẫn và đặt chiều cao & chiều rộng của IFRAME thành 100%. Nhưng điều này không hoạt động trong IE7. Ngắn của việc sử dụng các biểu thức CSS, có ai quản lý để giải quyết điều này?
Cập nhật
MatTheCat đã trả lời với một kịch bản mà làm việc nếu IFRAME được đặt trực tiếp dưới cơ thể và thẻ nội dung/html có chiều cao: 100% đề ra. Trong câu hỏi ban đầu của tôi, tôi không nêu rõ IFRAME ở đâu và kiểu dáng nào được áp dụng cho vùng chứa của nó. Hy vọng rằng các địa chỉ sau đây:
<html>
<body>
<div id="container"><iframe id="myiframe"></iframe></div>
</body>
</html>
và chúng ta hãy giả CSS container sau đây:
#container {
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
}
nếu bây giờ bạn đặt height: 100%
trên IFRAME nó sẽ không kích thước chính xác.
tôi đề nghị bạn 'chấp nhận' một trong hai câu trả lời mới nhất ở đây vì cả hai trả lời câu hỏi. Tôi đã nhận được một khoản tiền thưởng. –