Mở rộng div con ngoài div vùng chứa

Question

Tôi đang cố mở rộng div này với chiều rộng của trình duyệt. Tôi đã đọc từ here mà bạn có thể sử dụng {position:absolute; left: 0; right:0;} để đạt được điều đó như trong jsfiddle đây: http://jsfiddle.net/bJbgJ/3/

Nhưng vấn đề là tôi hiện #container có một tài sản {position:relative;}, và do đó nếu tôi áp dụng {position:absolute} cho đứa trẻ div, nó sẽ chỉ tham chiếu đến #container. Có cách nào để mở rộng việc lặn của con tôi vượt quá số #container không?

Answer 1

tôi có thể nghĩ ra năm cách để có khả năng hoàn thành mục tiêu của bạn:

1. Sử dụng lợi nhuận tiêu cực đối với các yếu tố bên trong để di chuyển nó bên ngoài của phụ huynh

2. Sử dụng Javascript để di chuyển các yếu tố bên ngoài của phụ huynh.

3. Thay đổi mã nguồn và di chuyển phần tử bên ngoài ra ngoài của cấp độ gốc.

4. Sử dụng position: fixed trên phần tử bên trong. Điều này sẽ cho phép các phần tử bên trong phá vỡ nhưng có mặt bên xuống mà phần tử sẽ được cố định tại vị trí đã cho (không bao giờ di chuyển).

5. Tháo position: relative; từ các yếu tố phụ huynh hoặc cung cấp cho các yếu tố phụ huynh một position: static

Answer 2

Bạn có thể thử thêm overflow:visible để phụ huynh div, sau đó làm cho con rộng hơn so với công ty mẹ.