Tôi đang làm việc trên một trang web (link text), nhưng tôi đang gặp sự cố với thuộc tính độ cao trong Google Chrome. Nếu bạn xem trang, bạn sẽ nhận thấy rằng không có màu nền. Điều này là do #mainContent có chiều cao là 0px. Trong Internet Explorer, đây không phải là trường hợp. Có ai có ý tưởng?Tại sao chiều cao của thẻ div của tôi được tính là 0 trong Chrome?
Điều này là do nội dung bên trong đang được thả nổi. Các yếu tố cha mẹ không lấy chiều cao của trẻ em thả nổi. Thử thêm overflow: hidden; vào số #mainContent css.
thử xác định rõ ràng mặc định
chiều cao: tự động;
Mọi thứ bên trong #mainContent đều đang nổi. Nổi không làm thay đổi kích cỡ vùng chứa của chúng. Giải pháp đơn giản nhất là thêm một quyền rõ ràng trước sau đó kết thúc của #mainContent như vậy:
<div id="mainContent">
<!-- inner bars -->
<div style="clear:both;"></div>
</div>
Tôi có cảm giác nó sẽ là một cái gì đó để làm với các nội dung của #mainContent div không đẩy ra container đúng cách. Bạn có thể sửa lỗi này bằng nhiều cách khác nhau, chẳng hạn như sử dụng div xóa.
Thêm css sau:
.clearfix{
clear:both;
}
Và thêm một div với class clearfix trước khi chốt div MainContent:
<div id="mainContent">
<div id="rightSide">
...
</div>
<div id="content">
...
</div>
<div class="clearfix"/>
</div>
này nên nhắc nhở các trình duyệt để buộc mở div MainContent để phù hợp với Nội dung của nó.
Haha, đây sẽ là một câu hỏi khó để bạn kiểm tra khi được trả lời vì có nhiều cách để xóa phao. (Bạn cũng có thể thử #mainContent nổi)
Đây là số quirksmode article tuyệt vời.
Đây là giải pháp "hacky" (tôi chắc chắn có nhiều cách "ngữ nghĩa" hơn), nhưng đó là cách dễ nhất và được sử dụng nhiều nhất. +1 –
Hoàn toàn đúng. Tôi đã không bao giờ thích làm điều đó vì sự lộn xộn nhưng nó chết dễ dàng và được hỗ trợ tốt. – anq
Điều này làm việc là tốt, nhưng thêm tràn: ẩn CSS có nghĩa là tôi không phải sửa đổi từng trang riêng lẻ. Điều tôi thích hơn một chút. – Quentamia