tôi đang cố gắng để tạo ra một bố trí ở đây, trong đó trông giống như sau: Dưới đây là the fiddleThực hiện một div dính vào đáy của cha mẹ
<body>
<div class="wrapper">
<div class="header">
Header
</div>
<div class="content">
This is the content section
</div>
<div class="stream-content">
This is the stream content.
</div>
<div class="push">
</div>
</div>
<div class="footer">
</div>
<body>
Tôi muốn content section
để đưa lên không gian đầy đủ giữa header
và footer
phần. Có một phần bổ sung được gọi là [stream-content
] nếu có (sẽ chỉ có trên trang chủ) phải có vị trí ngay trước footer
. Và trong trường hợp đó, phần content
sẽ chiếm toàn bộ khoảng trống giữa các phần header
và stream-content
. Tôi đã thử làm điều tương tự với vị trí tuyệt đối nhưng tất cả các yếu tố của tôi đã đi haywire, vì vậy muốn hiểu đúng cách để làm điều này. Cảm ơn trước cho tất cả sự giúp đỡ!
Bạn luôn có thể làm cho chiều cao của div trong phần trăm. Tiêu đề 5%, nội dung 90%, chân trang 5%. Tôi không chắc chắn nếu phần trăm được tán thành, nhưng nó sẽ làm việc. –
[điều này có thể giúp] (http://jsfiddle.net/peteng/9DLeg/) - chỉ cần đặt nội dung và luồng nội dung vào phần giữa – Pete