如何在固定容器內定位時將固定的div拉伸到屏幕上？

我有一個100x100px容器，居中在頁面中間。我有一個內嵌的div，它高100px，我想伸展到我的屏幕寬度。如何在固定容器內定位時將固定的div拉伸到屏幕上？

我該怎麼做？

感謝您的幫助！

來源

2013-01-22 Chris

http://jsfiddle.net上的小提琴將有助於理解您的問題。 – keaukraine

http://jsfiddle.net/s7nhw/1/這樣的事情？ – reinder

@reinder這似乎是正確的答案。謝謝！我已經讓它更容易閱讀：http://jsfiddle.net/s7nhw/12/。 – Chris

@reinder給了我正確的答案：

<html> 
<div class="container"> 
    <div class="nested-div"></div> 
</div> 

<style> 
.container { 
    margin: 0 auto; 
    margin-top: 20%; 
    width: 100px; 
    height: 100px; 
    background: green; 
    overflow: hidden; 
} 
.nested-div { 
    position: absolute; 
    width: 100%; 
    height: 100px; 
    background: red; 
    left: 0; 
} 
</style> 
</html>

http://jsfiddle.net/s7nhw/12/。

來源

2013-01-30 07:14:24 Chris

如何在固定容器內定位時將固定的div拉伸到屏幕上？

回答

相關問題