想要将 div 引入 div 引导程序答案

【问题标题】：Want to bring div over div bootstrap想要将 div 引入 div 引导程序
【发布时间】：2016-06-01 15:53:31
【问题描述】：

HTML：

<div class="col-lg-4">    
    <div class="outer-div"></div>    
    <div id="cropContainerMinimal1"></div>      
</div>

CSS：

.outer-div {
    padding-top: 75px;    
    padding-right: 72px;    
    padding-left: 69px;    
    padding-bottom: 92px;    
    background-image: url(../images/student-background.png);    
    background-repeat: no-repeat;    
    background-position: center center;    
    height:590px;
}

#cropContainerMinimal1 {
    width:100%;
    height:421px;
    position: relative;
    border:1px solid #ccc;
}

CSS 不适合我。如果我玩absolute 它会破坏所有结构。如何解决这个问题？

【问题讨论】：

“如果我玩绝对”？如果你和亲戚一起玩，一切都会好起来的。请更准确。如果您的问题描述如此模糊，您希望我们如何提供帮助？
我想将（外部 div）带到（cropContainerMinimal2）。我复制了两个 html 结构。两者都不适用于 me.outer div 有背景 png 图像。我想把它带到（cropContainerMinimal2）

标签： html css twitter-bootstrap-3

【解决方案1】：

将outer-div 移动到#cropContainerMinimal1 中并应用以下css。您可以根据需要使用top、right、bottom 和left 属性来制作。

.outer-div {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    bottom: 10px;
    right: 10px;
    left: 10px;
    top: 10px;
}

#cropContainerMinimal1 {
    background: #ccc;
    width: 100%;
    height: 421px;
    position: relative;
    border:1px solid #ccc;
}

<div class="col-lg-4">
  <div id="cropContainerMinimal1">
    <div class="outer-div"></div>
  </div>
</div>

【讨论】：