Như bạn có thể thấy trong CSS bên dưới, tôi muốn child2
định vị chính nó trước child1
. Điều này là do trang web tôi hiện đang phát triển cũng nên hoạt động trên thiết bị di động, trên đó trang web child2
phải ở dưới cùng, vì nó chứa điều hướng mà tôi muốn bên dưới nội dung trên thiết bị di động. - Tại sao không phải là 2 trang chủ? Đây là 2 trang duy nhất divs
được định vị lại trong toàn bộ HTML, vì vậy 2 trang chính cho thay đổi nhỏ này là quá mức cần thiết.
HTML:
<div id="parent">
<div class="child1"></div>
<div class="child2"></div>
</div>
CSS:
parent { position: relative; width: 100%; }
child1 { width: auto; margin-left: 160px; }
child2 { width: 145px; position: absolute; top: 0px; bottom: 0px; }
child2
có chiều cao động, vì các trang con khác nhau có thể có ít nhiều mục điều hướng.
Tôi biết rằng các phần tử định vị tuyệt đối được loại bỏ khỏi luồng, do đó bị bỏ qua bởi các phần tử khác.
Tôi đã thử cài đặt overflow:hidden;
div cha, nhưng điều đó cũng không giúp được gì clearfix
.
Phương án cuối cùng của tôi sẽ là JavaScript để định vị lại hai cái divs
tương ứng, nhưng bây giờ tôi sẽ thử xem liệu có tồn tại một cách không phải JavaScript để làm việc này không.