Tôi đang cố gắng để có được một div lồng nhau để được toàn bộ chiều rộng trên màn hình ra khỏi div rằng nó chứa/lồng nhau trong.100% Chiều rộng màn hình trên div lồng nhau trong chiều rộng cố định div css
http://jsfiddle.net/TheeAndre/JAdps/
<div class="fixedwidth">
<div class="fullwidth"></div>
</div>
thử điều này:
.fullwidth {
background-color:#000;
width:100%;
height:100px;
position:absolute;
z-index:999;
left: 0;
right: 0;
}
Không hoạt động. Div chứa div biến mất. – imbayago
humm không phải cho tôi, [jsfiddle] (http://jsfiddle.net/Pascalz/Muspa/), tôi thấy div sau trên một màu đỏ – Pascalz
điều này đã lừa cho tôi với trang web drupal của tôi – user1794918
Hãy thử
width:100vw;
thay vì
width:100%;
Kiểm tra vấn đề tương thích: http://caniuse.com/#search=vw
Pascalz, vâng trong jsfiddle bạn nó hoạt động, nhưng chỉ miễn là bạn không chỉ định một vị trí khác so với tĩnh cho cha mẹ của bạn. Trong nhiều trường hợp, bạn cần cha mẹ của bạn để được vị trí: tương đối, do đó, con sẽ liên quan chiều rộng: 100% chiều rộng của phụ huynh.
'vw' và 'vh' phát điên trong điện thoại di động –
Đây là bản sao của bài đăng này: http://stackoverflow.com/questions/14743905/nested-div-100-width-nested-in-fixed-width-container?rq=1 – kettultim