Float: div nghỉ bên trái bị hỏng?

Question

Tôi có một hộp phương thức mà tôi đang cố gắng để đặt hai cột bên cạnh nhau, và tôi đã làm điều đó bằng cách gán float: còn lại một div (.center-columnb) và float: right to .map-column. Điều gì xảy ra, tuy nhiên là 'center-columnb' phá vỡ div container với nền màu xám như thể div này được đặt THEO div container đó (chú ý các cạnh tròn ở phần dưới cùng của phần màu xám, có nghĩa là dưới cùng của div Khi tôi loại bỏ phao: trái từ centercolumnb từ style.css, mọi thứ đều ổn, ngoại trừ cột bên phải không còn ở đó nữa.Không ai có bất kỳ lựa chọn thay thế nào có thể giúp tôi? Cảm ơn :)

Answer 1

Bạn có một div cha của #contentholder nhưng nó không chứa các phao nổi bên trong nó tại thời điểm này. Một phần tử lưu hành, theo mặc định, được lấy ra khỏi luồng tài liệu và bất kỳ div cha nào sẽ sụp đổ. Để làm cho nó chứa các float bên trong, bạn cần cung cấp cho nó một thuộc tính tràn. Điều này nên thực hiện thủ thuật:

#contentholder { 
    overflow: auto; 
} 

Answer 2

Một cách khác là xóa ở cuối vùng chứa Câu hỏi. Để có giải pháp tuân thủ toàn bộ trình duyệt chéo, chỉ cần thêm trước div đóng:

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