Để theo dõi this question về định vị tuyệt đối bên trong ô bảng, tôi đang cố gắng tìm một thứ gì đó hoạt động trong Firefox. Một lần nữa, tôi có khoảng 95% ở đó, và chỉ có một điều nhỏ khiến tôi không thể tuyên bố chiến thắng. Sử dụng đánh dấu mẫu theo sau:Làm thế nào tôi có thể nhận được một div để điền vào một ô bảng theo chiều dọc?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Test</title>
<style type="text/css">
table { width:500px; border-collapse:collapse}
th, td { border:1px solid black; vertical-align: top; }
th { width:100px; }
td { background:#ccc; }
.wrap { position:relative; height:100%; padding-bottom:1em; background:#aaa; }
.manage { text-align:right; position:absolute; bottom:0; right:0; }
p{ margin: 0 0 5px 0; }
</style>
</head>
<body >
<table>
<tr>
<th>Mauris tortor nulla, sagittis ut, faucibus eu, imperdiet ut, libero.</th>
<td><div class="wrap"><p>Cras diam.</p><div class="manage">Edit | Delete</div></div></td>
</tr>
<tr>
<th>Cras diam.</th>
<td><div class="wrap"><p>Cras diam.</p><div class="manage">Edit | Delete</div></div></td>
</tr>
<tr>
<th>Cras diam.</th>
<td><div class="wrap"><p>Mauris tortor nulla, sagittis ut, faucibus eu, imperdiet ut, libero. Sed elementum. Praesent porta, tellus ut dictum ullamcorper, est ante condimentum metus, non molestie lorem turpis in sapien. Aenean id enim. Nullam placerat blandit ante. Aenean ac ligula.</p><div class="manage">Edit | Delete</div></div></td>
</tr>
</table>
</body>
</html>
Làm cách nào để có được div bọc luôn lấp đầy ô, sao cho vùng quản lý nằm ở dưới cùng của ô? Và vâng, dữ liệu mà tôi đưa vào bảng là (trong tâm trí của tôi) bảng, vì vậy tôi muốn sử dụng một bảng ở đây. Như một phương sách cuối cùng, tôi có thể chuyển sang một giải pháp div lồng nhau xấu xí, nhưng kể từ khi một bảng là ngữ nghĩa chính xác ở đây tôi muốn sử dụng một nếu có thể. Lưu ý rằng màu nền đơn giản chỉ hiển thị kích thước tương đối của các phần tử - tôi không quan tâm đến nền cho bố cục của mình. Cũng lưu ý rằng tôi muốn các ô có chiều cao linh hoạt, để chúng chỉ mở rộng đủ để vừa với nội dung của chúng.
Không, tôi cần phải nhận được quản lý div xuống đáy của tế bào trong Firefox. Các hình nền chỉ có để hiển thị các yếu tố lớn như thế nào. –