2010-02-23 32 views
6

Tôi có một div bao bọc với một bộ chiều cao tối thiểu. Vị trí là tương đối và hiển thị là khối. Tôi có hai cột divs trôi nổi bên trái và thiết lập để kế thừa min-height.Làm cho bao bọc div mở rộng đến cùng chiều cao với nội dung divs

Khi tôi có nội dung dài, màu nền của #wrapper không bao giờ mở rộng để khớp với nội dung trong các cột div.

Trang là ở đây: http://youngimaginations.dreamhosters.com/index.php

CSS là ở đây: http://youngimaginations.dreamhosters.com/yi.css

Ai đó có thể chỉ ra những sai lầm của tôi?

Trả lời

22

overflow: auto sẽ làm các trick

hoặc một <div style='clear: both'> sau khi các yếu tố nổi.

+0

xem các vấn đề với mẹo đó trong Safari. – pixeline

+1

Cảm ơn bạn rất nhiều! – jerrygarciuh

8

Sửa lỗi thích hợp được gọi là "clearfix".

Đọc về nó here, bạn sẽ không bao giờ nhìn lại.

+0

Điều đó có hoạt động trong IE6 không? Nếu có, tôi sẽ bán. –

+0

có, nó sẽ, xem chủ đề này: http://stackoverflow.com/questions/211383/which-method-of-clearfix-is-best. – pixeline

+0

Rất tuyệt! +1 ------ –

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