2015-08-15 24 views
-2

我有這個div,我試圖用作標題,我試圖覆蓋另一個稱爲包裝的div上面。有些東西導致它無法在我的任何瀏覽器中正確排列。我試過使用相對位置。並弄亂寬度和左/右定位屬性。但是當我嘗試時,他們不會正確地說謊。就像內容控制寬度尺寸不夠大一樣,它們只是從一個角落推到另一個角落。我知道這裏的代碼有點混亂,所以這裏是jsfiddle鏈接。 https://jsfiddle.net/fn5c9w3j/無法在較小的一個襯砌較大的div盒

.textwrapper{ 
background-color: #66CCFF; 
height: 70px; 
width: 1250px; 
position: relative; 
vertical-align: middle; 
left: 300px; 
z-index: 100; 
} 
+0

你怎麼想他們排隊?作爲參考,[這是你發佈的代碼看起來像現在。](https://jsfiddle.net/f80wo11w/1/) –

+0

我很抱歉沒有加載主題它看起來像那樣。我希望視頻部分div框覆蓋另一個包含我所有視頻的div框。這是與類包裝的div。 –

+3

你有一個網頁或網站,我們可以確切地看到你在說什麼?恩。 JSFiddle或您自己的網站。 –

回答

0

如果我理解你的問題裏面的包裝,把文本包裝:

<div id="wrapper"> 
    <div class="textwrapper" >VIDEO SECTION</div> 
    <div id="section" align="center"> 
    <br> 

然後設置樣式:

.textwrapper 
{ 
background-color:#66ccff; 
height:70px; 
width:1200px; 
position:absolute; 
vertical-align:middle; 
left:2px; 
z-index:100; 
} 
+0

愚蠢的jsfiddle鏈接必須有4行代碼陪伴着它。 –

+0

謝謝sanepete –

+0

不用擔心,樂意幫忙。 – sanepete

相關問題