如何製作整個屏幕寬度的div？

如果div A被包含在另一個寬度爲500px的div（B）內，那麼div A仍然是整個屏幕的寬度？我想「突破」那500px div。如何製作整個屏幕寬度的div？

2012-05-07 TIMEX

獲取'window'寬度並用js設置css寬度。只要你的物品絕對位置高zindex它應該工作得很好 – elclanrs

鑑於你的問題，你可以在div A中使用position:absolute。它會找到最近的定位父親（具有固定，絕對或相對位置的父母）。但是你需要讓最近的定位元素具有100％的寬度並且位於左側。

<body> 
    <div id="b"> 
     <div id="a">test</div> 
    </div> 
</body> 

body{ 
    position:relative; 
} 

#b{ 
    width:500px; 
} 

#a{ 
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
}

來源

2012-05-07 07:46:18 Joseph

在你的小提琴它是'.''而不是'身體' – gdoron

@gdoron我忘了刪除點。謝謝！ – Joseph

在子div上使用position: absolute並保留父母position: static。

來源

2012-05-07 07:46:15 alex

你可以嘗試讓div A的位置：absolute;

來源

2012-05-07 07:46:16 bunsiChi

這取決於你想要什麼樣子。使用CSS：

overflow:hidden;

將使格比包含div較大，但隱藏背後，

否則，如果你希望它是在包含分區，你可以使用的最上方顯示「位置'CSS像給出的其他答案。

來源

2012-05-07 07:48:14 Th0rndike

你可以添加一個類或id到你的div標籤。這個CSS將兩個

#yourdivid .yourdivclass { 
    position:absolute; 
    left:0; 
    right:0; 
    overflow:hidden; 
}

來源

2012-05-07 07:48:40 defau1t

的jsfiddle爲你工作： http://jsfiddle.net/HRT2M/

.b 
{ 
Position:fixed; 
}

上的div乙方應得到它爲你工作

馬丁

來源

2012-05-07 07:49:22 SmithMart

您可以使用最小寬度迫使div B達到一定的寬度 -

<div id="a" style="width:500px;display:block;"> 
    <div id="b" style="min-width:960px;"> 
    </div> 
</div>

您也可以使用JavaScript來設置它的寬度 -

<script style="text/javascript"> 
window.onload = function() { 
    document.getElementById ("b").style.width = window.screen.width; 
} 
</script>

來源

2012-05-07 07:58:54 Tom

<div id="b" style="width:500px;"> 
    <div id="a" style="width:100%; position:absolute; overflow:hidden;"><div/> 
</div>

這工作。

來源

2012-05-07 08:34:57 JasonMortonNZ

如何製作整個屏幕寬度的div？

回答

相關問題