Chiều cao CSS: tự động không hoạt động với trình bao bọc của tôi div

Question

Tôi hy vọng ai đó có thể xem trang web của tôi và cho tôi biết điều gì có thể xảy ra ở đây. Vấn đề tôi gặp phải là #bodyWrap div không tự động kéo dài đến chiều cao của một trong số đó là con, #contentWrap. #contentWrap kéo dài để điền vào tất cả nội dung trên trang đó, nhưng điều này không phát sinh đến cha mẹ, #bodyWrap. Cảm ơn trước vì bất kỳ thông tin chi tiết nào.

http://www.jacobsmits.com/placeholderRX/index.html

Answer 1

Bạn phải thêm một div rõ ràng hơn trước khi container đóng cửa của bạn:

<div style="clear:both;"></div> 

mục Floating sẽ không ảnh hưởng đến chiều cao của container ... coz nó là nổi;).

làm việc trực tiếp Ví dụ: http://jsfiddle.net/LBH5h/

Ví dụ:

<div id="content"> 
    <!-- floating child --> <div style="float:left;"><!-- floating child content --></div> 

    <div style="clear:both;"></div> 
</div> 

Answer 2

Nếu một cái gì đó thường sẽ không tự động điều chỉnh chiều cao đối với tôi thì tôi sẽ khắc phục sự cố với các bước sau.

1. Đặt chiều cao là một cái gì đó vô lý (1000px)
2. Nếu mà làm cho một sự khác biệt sau đó rà soát tất cả nổi
3. Thêm clear: both; tuyên bố.
4. Nếu nó vẫn không hoạt động, hãy thêm màu đường viền riêng biệt cho tất cả các div của bạn. Nó sẽ giúp bạn ra ngoài để xem whats thiết lập chiều cao đúng và whats messing lên trang web.