30
4
我有一个三部分布局:页眉、内容和页脚。我非常熟悉绝对定位技术；当我希望内容 div 扩展到可用高度的 100% 时，我经常使用它。
在这种情况下，我的问题是我事先不知道页脚的高度，它是根据自己的内容动态调整的，行数未知(通常在 1 到 3 行之间)。< br/>我希望主要内容 div 占可用高度的 100%，在考虑到页眉的高度(这是固定的，所以很容易)和页脚的高度之后，我不能使用绝对定位技术在这里。
我有一个涉及 javascript 的解决方案，但我正试图找到一个纯 css 的解决方案。理想情况下，它应该是一个跨浏览器的解决方案(IE8、IE9、chrome、firefox 和 Safari)。
câu trả lời hay nhất
thử cái này
Trung tâm cá nhân
Điều phát hành
từ bỏ
html,
thân hình {
lề:0;
phần đệm: 0;
chiều cao:100%;
}
#thùng chứa {
min-height:100%;
vị trí: tương đối;
}
#tiêu đề {
background:#ff0;
phần đệm: 10px;
}
#body {
phần đệm: 10px;
}
#chân trang {
vị trí: tuyệt đối;
đáy: 0;
chiều rộng: 100%;
background:#6cf;
}
header
body
关于css-only 100% div height with dynamic height footer，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15449919/
30
4
0
Tôi có một div (tôi nghĩ là vùng chứa?) mà tôi muốn trở thành trang trung tâm. Billede 2 Tôi chỉ muốn tất cả ngữ cảnh nằm ở giữa trang, làm sao có thể được? Câu trả lời hay nhất Billede 2 dựa trên yêu cầu của bạn
Tôi vừa mới chơi đùa với jQuery và tình cờ tìm thấy chức năng Tìm. Tôi đã thử nghiệm nó như thế này: $(document).ready(function(){ $('button').click(function()
Cách tạo quy tắc để thực hiện một số việc như thế này: .container .unit:first-child(nếu nó có bên trong div.box1.extra) + .box2 { top: 50px;}
Tôi đang cố gắng hiểu tại sao trình duyệt hiển thị và khác nhau? Sau đây là ví dụ: Kết quả dự kiến cho đoạn mã số 1 là ba hộp cạnh nhau: [đen], [xanh], [đỏ]. Đoạn #2 chỉ hiển thị [đen] và [đỏ] - tại sao đoạn #
Tôi gặp một vấn đề kỳ lạ là tôi không thể sử dụng bộ chọn tiếng rít thông thường để chọn chính xác nội dung nào đó trong jQuery: hai dòng mã này không làm điều tương tự. ele.children("div.a > div").addClass("xấu
Tôi có một div chứa hai div khác div đầu tiên div thứ hai có chiều cao tối đa và do đó không thể phát triển vượt quá một mức nhất định. Nhưng hai div con có thể có kích thước bất kỳ (động
Tôi gặp vấn đề giữa hai div. div#mainbody là div cha có nền và div 2 div con có nền riêng nên div 2 nổi phía trên div cha nhưng tôi muốn nó ở bên trong div cha. HTML:
Tôi có một div bên trong một div khác có chiều rộng cụ thể, nhưng tôi muốn chiều rộng của div con là phần trăm của kích thước màn hình trình duyệt chứ không phải phần trăm của div cha của nó, có nghĩa là khi tôi đặt chiều rộng của div con đến 50% khi tôi muốn nó có kích thước phù hợp
Tôi có đoạn mã sau. Khi nhấp vào nút trong div1, tôi cần ẩn div1 và hiển thị div2. (trong HTML5 góc). Tôi có một tệp JS với Bộ điều khiển, v.v. Hiện tại tôi có hai tệp khác nhau
Bây giờ tôi có thể tự động hóa div vùng chứa thành div bên trong hoặc tôi có thể căn giữa toàn bộ nội dung...nhưng tôi không biết cách thực hiện cả hai cùng một lúc. Dưới đây là CSS/bố cục tôi có. Bây giờ cả trang và các thành phần chính đều được căn giữa, nhưng nếu
Làm cách nào để căn chỉnh trên cùng hai div ô trong div bảng khi một div ô chứa div được định vị tuyệt đối? Trong ví dụ này, các div ô không chứa các div có vị trí tuyệt đối sẽ bị đẩy xuống. HTML: 1
Chương trình của tôi là một trò chơi, bắt đầu với 4 nhân vật Angular có thể chơi được, mỗi nhân vật Angular nằm trong lớp charContainer riêng, 4 div này nằm trong một thùng chứa nhân vật lớp. Khi người chơi vượt qua điểm
Tôi có điều gì đó như thế này: Hiện tại, không có định dạng nào trong #page. Nó hoạt động với một số nội dung, ý tôi là, khi nội dung lớn hơn, #page cũng có chiều cao cao hơn. Nhưng khi hôm nay tôi bôi #con vào đó
Tôi có ứng dụng React và tôi đang gặp phải một vấn đề lớn hơn một chút với một số CSS. Tôi có Chế độ xem được chia thành hai phần. Nhưng hai phần này nằm trong một tổ hợp lớn hơn. Phần bên trái hiển thị một số liên hệ và bên phải tôi muốn hiển thị
Tôi muốn giống như trang đăng ký Facebook, div1 (chiều rộng phần: 1024px) có bốn div, div2 bên trái (chiều rộng: 50%) có div3 (khẩu hiệu fb), div4 phía dưới (con
Tôi đang gặp sự cố trên trang web của mình khi chân trang trong trang chính không hiển thị chính xác cho một trang cụ thể. Trên trang đó, tôi có một cái ở phía dưới. Sau khi vò đầu bứt tai một lúc, tôi nhận ra rằng để phần chân trang hiển thị chính xác, tất cả những gì tôi cần làm là thay đổi dòng thành: Tôi không hiểu tại sao
Tôi đang sử dụng plugin này cho hình ảnh thang độ xám tương thích với nhiều trình duyệt. Về cơ bản, hình ảnh ban đầu ở chế độ thang độ xám với độ mờ thấp. Khi người dùng di chuột qua hình ảnh, thang độ xám dần chuyển sang màu, độ mờ trở về 1 và div bị ẩn trước đó sẽ di chuyển từ dưới lên
Đây là liên kết jsfiddle về vấn đề HTML 8.123456 của tôi huh-fjiuetie Các điều kiện là: h
Làm cách nào để ngăn div nội tuyến sau gói khi văn bản trong div trước đó tràn ra. Như bạn có thể thấy, đối với bài đăng đầu tiên, nội dung chính nằm ở dòng thứ hai, do đó các liên kết sau nó sẽ xuất hiện trên một dòng mới (điều này không chính xác). Nhưng đối với bài viết thứ 3, tiêu đề chính
Tôi có một div mà khi di chuột qua nó sẽ kích hoạt một div khác. Khi người dùng di chuyển chuột qua div được kích hoạt, tôi muốn div vẫn giữ nguyên. Đây là một đoạn trích. Khi bạn di chuột qua ô màu vàng, ô màu tím sẽ ẩn đi và ô màu xám sẽ xuất hiện. khi
Tôi là một lập trình viên xuất sắc, rất giỏi!