Tôi có hai div bên trong div cha (xem hình bên dưới). Khi div "đen" tăng chiều cao, thì div bên ngoài "màu đỏ", nhưng tôi cũng muốn div "xanh" phát triển. Làm thế nào điều này có thể được thực hiện trong css?Làm cho div bên trong phát triển ở độ cao khi div bên ngoài tăng
Bạn có thể sử dụng thuộc tính CSS table, table-row, and table-cell. Bạn có thể cần phải kiểm tra xem nó được hỗ trợ trong trình duyệt của bạn mặc dù nhắm mục tiêu. http://www.quirksmode.org/css/display.html#table
Ví dụ: http://jsfiddle.net/2GawC/
D: nhưng điều đó không cần thiết cho việc này và bố trí bảng là khủng khiếp! –
Tôi không thể nghĩ ra một cách khác để làm điều đó? 100% divs sẽ chỉ bao giờ phù hợp với nội dung và không mở rộng với anh chị em: -S –
Anh ấy đang nói về việc áp dụng kiểu bố cục bảng cho div trong CSS, không sử dụng bố cục dựa trên bảng trong HTML. Không có gì khủng khiếp về điều đó, nó là một giải pháp hoàn toàn hợp pháp. –
Sử dụng height:100% nó có thể không làm việc vì div cha mẹ có một thuộc tính position của static (mặc định). Áp dụng position:relative cho phụ huynh và nó sẽ hoạt động. :)
Không giúp được ... –
như 100% chiều cao? –
Bạn đã thử 'chiều cao: 100%'? Hoặc, nó không di chuyển khi màu đen 'div' phát triển? – Biotox
Tìm kiếm bố cục nhiều cột CSS, tại đây hoặc trên Google và bạn sẽ đưa ra rất nhiều câu hỏi về chính xác điều này. – Ktash