làm thế nào để làm cho một div bên trong một tế bào td chồng lên td tiếp theo

Question

Tôi muốn để có thể xác định vị trí các div (yếu tố E) bên trong tế bào TD (yếu tố C) mà không có sự di động TD khác (yếu tố D) bị đẩy sang phải.

Lưu ý: Tôi không thể chỉnh sửa bất cứ điều gì trên trang đó trừ yếu tố E.

Answer 1

Giả sử chiều cao của <div> là 100px và chiều rộng kết hợp của hai <td> tế bào là 500px thử:

td.element-e-container { 
    position:relative; 
    height:100px; 
} 
#element-e{ 
    position:absolute; 
    width:500px; 
    height:100px; 
} 

Sau đó cung cấp cho các td chứa lớp yếu tố ea của element-e-container và các yếu tố bản thân một ID của element-e

Answer 2

righ Negative t margin nên làm thủ thuật: margin-right: -50px;.

dụ: http://jsfiddle.net/peteorpeter/dvr9Z/

vị trí tuyệt đối thể làm việc, nhưng thêm các biến chứng khác. Bàn + vị trí tuyệt đối có thể gây đau, đặc biệt là với hàm lượng chất lỏng.

Answer 3

Vì bạn không thể sửa đổi bất kỳ yếu tố khác trừ yếu tố E tự:

Move yếu tố E đến một container:

<div style="position:relative;"> 
    <div id="element-E" style="position:absolute;"> ... </div> 
</div> 

Tôi đã thêm style thuộc tính đến các yếu tố, bởi vì bạn bị cáo buộc không có thể sửa đổi các yếu tố khác (chẳng hạn như <style>).

position:relative là bắt buộc để hoàn toàn chính xác vị trí phần tử con.

position:absolute; "nước mắt" yếu tố từ cha mẹ và đặt lại, liên quan đến góc trên bên trái của phụ huynh (theo mặc định, khi vị trí không thay đổi bằng cách sử dụng top chẳng hạn).