2015-08-15 71 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

相关问题