Tôi đang cố gắng để có một trang web có cấu trúc cơ bản:divs Đặt dưới float: left divs
<1 div>
<3 divs next to each other>
<1 div>
3 divs là float: left để thực hiện được trên cùng cấp. Tuy nhiên, họ thứ 5 div (ở phía dưới) loại di chuyển lên đến đỉnh của 3 divs trong IE, và hiển thị như thế trong Chrome, mặc dù nội dung là dưới 3 divs.
Tôi nghĩ rằng tôi đã thực hiện một số mã lười biếng ở đây, nhưng không thực sự biết bất kỳ tốt hơn.
tôi hiện có:
<div id="results">
<!-- Ajax Content Here -->
</div>
<div id="leftpanel">
</div>
<div id="photo">
</div>
<div id="top3">
</div>
<div id="voting">
</div>
Kết quả là một trong những hàng đầu, leftpanel, hình ảnh và TOP3 là giữa 3, trong khi bỏ phiếu là dưới 3.
Basic CSS là:
#leftpanel {
float:left;
width:20%;
height: 600px;
}
#top3 {
float: left;
width:20%
}
#photo {
width: 60%;
float:left;
text-align: center;
}
#voting {
width: 500px;
height: 250px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#results{
width: 300px;
height: 20px;
margin-left: auto;
margin-right:auto;
margin-bottom: 5px;
text-align: center;
}
Tôi chắc chắn đó là điều gì đó ngớ ngẩn tôi đang làm, vì vậy bất kỳ đầu vào nào được đánh giá cao, tôi có thể sử dụng để tìm hiểu cách thực hiện điều này đúng cách :) Tôi đã có một div chứa 3 div trung gian, nhưng điều này không làm việc kể từ khi những người bên trong kích thước thay đổi. Có lẽ tôi cần phải làm điều này, nhưng theo một cách khác?
Đó là những câu trả lời, dịch các khái niệm thành tiếng Anh đơn giản, làm tăng sự hiểu biết của tôi như một người mới bắt đầu. +1. –