Question

我有这个div，我试图用作标题，我试图将其覆盖在另一个名为wrapper的div之上。有些东西导致它在我的任何浏览器中都没有正确排列。我尝试过使用相对位置。并且弄乱了宽度和左/右定位属性。但是当我尝试时，他们不能正确地说谎。如果内容控件宽度不够大，它们只是从一个角落推到另一个角落。我知道这里的代码有点令人困惑所以这里是jsfiddle链接。 https://jsfiddle.net/fn5c9w3j/

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

Answer 1

如果我理解你的问题，请将文本包装器放在包装器中：

<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;
}

无法在较小的div盒上插入较大的div盒

1 个答案: