Vì vậy, tôi muốn có chân trang dính trên một trang và có được this one để làm việc cho tôi. Tất cả là tốt, nhưng không, không thực sự ..Chú thích chân trang, hay đúng hơn: nội dung không được kéo dài xuống chân trang
Vấn đề là tôi muốn nội dung phía trên chân trang để kéo dài tất cả các con đường xuống nó. Bây giờ hộp chứa nội dung chính kết thúc ngay sau văn bản trong hộp và có một khoảng trống lớn giữa chân trang và nội dung. Những gì tôi muốn là nền tảng của nội dung chính để kéo dài đến chân trang! Xem hình ảnh đẹp của tôi!
Đây là những gì tôi có ngay bây giờ trong html:
<div id="wrap">
<!-- start header -->
<div id="header">
<div id="header-content">
</div>
</div>
<!-- end header -->
<!-- start main -->
<div id="main">
<div id="main-content">
</div>
</div>
<!-- end main -->
</div>
<!-- start footer -->
<div id="footer">
</div>
Và trong css:
html {
height: 100%; }
body {
height: 100%;}
/* wrap */
#wrap {
min-height: 100%; }
/* main */
#main {
background-color: #43145c;
overflow: auto;
padding-bottom: 50px; }
#main-content {
width: 720px;
margin: auto;
background-color: #643280;
padding-top: 20px; }
#footer {
position: relative;
margin-top: -50px;
height: 50px;
clear: both;
background: red; }
Tôi đã cố gắng thiết lập chiều cao tối thiểu của chính 100%, nhưng didn 't làm việc. Tôi chỉ muốn backgroundcolor của nội dung chính tất cả các con đường xuống footer, vì nó khác với cơ thể và hộp chính.
Có ý nghĩa gì không? Có ai giúp được không?
đặt chiều cao tối thiểu của chính không thể hoạt động, bởi vì bố mẹ không có chiều cao được đặt. –