Tôi có một div chứa một loạt các điều khiển được định vị hoàn toàn. Các điều khiển này được tạo động và tôi muốn div mở rộng để nó bao phủ tất cả nội dung ở cả chiều rộng và chiều cao. Làm thế nào tôi có thể làm điều này trong CSS?Mở rộng div để chứa nội dung hoàn toàn được định vị
6
A
Trả lời
2
Nếu tôi hiểu đúng bạn có thể viết như thế này:
.parent{
position:relative;
width:100px;
height:100px;
}
.dynamicDiv{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}
2
Đó là khó khăn để đạt được. Khi bạn có một phụ huynh tương đối với các con tuyệt đối bên trong, chúng không thể ảnh hưởng đến kích thước của div cha.
Bạn cũng phải sử dụng con tương đối. Tại sao các điều khiển được định vị tuyệt đối?
Nhưng khi CSS không thành công, JavaScript sẽ được giải cứu. Vì vậy, điều này có thể được giải quyết.
Các vấn đề liên quan
- 1. Kéo dài một div để vừa với nội dung hoàn toàn được định vị
- 2. CSS - Bật "tự động mở rộng" của DIV được định vị hoàn toàn khi nội dung mở rộng vượt ra ngoài thông số chiều rộng/chiều cao
- 3. Có cách nào để thực hiện div vị trí hoàn toàn mở rộng vùng chứa không?
- 4. Làm thế nào để tôi đặt nội dung vị trí hoàn toàn trung tâm có chiều rộng không xác định?
- 5. Làm trung tâm DIV bên trong DIV rộng mở rộng với chiều rộng nội dung
- 6. Làm cách nào để lấp đầy 100% số div được định vị hoàn toàn? (IE7 +)
- 7. lề nội dung div đẩy vùng chứa
- 8. Mở rộng div khi nội dung tràn qua
- 9. Tại sao div nội tuyến chặn được định vị thấp hơn khi có nội dung?
- 10. Bảo quản gói từ bình thường bên trong thùng chứa hoàn toàn định vị
- 11. vị trí cố định div bên trong hộp chứa div
- 12. Mở rộng div con ngoài div vùng chứa
- 13. Thiết chiều cao 100% trên một yếu tố hoàn toàn vị trí khi nội dung mở rộng quá khứ kích thước cửa sổ
- 14. jquery-ui tab tràn nội dung chứa
- 15. Mở rộng nội dung của Python Str
- 16. Chiều cao DIV có thể mở rộng để phù hợp với nội dung nội bộ - tôi đang làm gì sai?
- 17. Làm cho bao bọc div mở rộng đến cùng chiều cao với nội dung divs
- 18. Cuộn một phần nội dung trong vùng chứa vị trí cố định
- 19. JButton mở rộng để chiếm toàn bộ khung/vùng chứa
- 20. jQuery - nội dung tương đương với hơn nội dung chứa
- 21. Làm cách nào để div mở rộng theo chiều dọc để bao bọc nội dung bên trong?
- 22. Phần tử con có chiều rộng phần trăm trong bố mẹ hoàn toàn được định vị trên Internet Explorer 7
- 23. Làm nội dung HTML mở rộng để lấp đầy cửa sổ
- 24. Làm thế nào để "xóa" các phần tử được định vị hoàn toàn
- 25. Làm cho nội dung vừa với chiều rộng của div
- 26. Mở rộng một biểu mẫu macro hoàn toàn
- 27. jQuery - hoạt hình 'trái' vị trí của div vị trí hoàn toàn khi bảng trượt được tiết lộ
- 28. Trong Chrome, tại sao SVG không ngoại lệ mở rộng nội dung vị trí tương đối?
- 29. Nội dung trung tâm ở vị trí tuyệt đối div
- 30. TABLE rộng hơn có chứa DIV
Các yếu tố vị trí tuyệt đối được xóa khỏi luồng tài liệu, gần giống như chúng không tồn tại. Bạn có thể đăng mã của bạn để chúng tôi có thể xem bạn đang làm gì không? – j08691