Xóa bên trong div A đang xóa phao của div B, nằm ngoài div A

Question

Đây là vấn đề tôi đã thử nhiều lần khi tạo bố cục bằng thanh bên.

tôi đã thực hiện một ví dụ ở đây: http://samutz.com/div.html

# content có những thứ bên trong nó mà cần phải nổi và sau đó rõ ràng chỉ trong vòng # content. Nhưng khi tôi cố gắng xóa bên trong #content, nó cũng xóa thanh # sidebar, mặc dù #sidebar nằm ngoài #content.

Answer 1

Lựa chọn A:

1. Di clear: both từ #cleared
2. BọC#floating bên trong div khác, cung cấp cho các div mới overflow:hidden; zoom:1;

Nếu đây messes lên văn bản # content , đặt văn bản bên trong div mới này:

http://medero.org/clear2.html

Giải thích cho kỹ thuật tràn: http://work.arounds.org/clearing-floats/

Lựa chọn B:

Bạn cũng có thể hoàn toàn vị trí của thanh bên nhưng bạn có thể phải gây rối với min-chiều cao nếu nó trở nên dài.

Extra:

Nếu bạn cần phải chứa sidebar với wrapper chính của bạn:

http://medero.org/clear3.html