小编phi*_*lm5的帖子

我在桌子上有一个按钮,可以切换弹出窗口.我设置了data-container="body"以及我用javascript版本尝试过的.

我的popover看起来像这样:(我点击了第一个按钮)

我的按钮代码在这里:

<button id="testsettracesBtn1" class="btn btn-large btn-danger" data-toggle="popover" title="" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A Title">Click to toggle popover</button>

在这里我的javascript:

<script type="text/javascript">
      $("#testsettracesBtn1").popover({ container: 'body'});
</script>

我如何实现它以使我的弹出窗口正确？(是的,我有最新的bootstrap版本.)

我有一个居中的div。一个子 div（红色）应该与居中的 div 重叠。这完全没有问题。

现在我想要一个跟随重叠 div（绿色）的 div 正确垂直定位（在重叠之后）。那么是否有可能混合绝对定位和相对定位？

这是我的代码：

HTML：

<div id="container">
  blubb
    <div id="overlap">
        Content goes here.
    </div> 
    <div id="after">
        after.
    </div> 
</div>

CSS：

#container{
    width:100px;
    height:400px;
    background:#ccc;
    margin:0 auto;
}

#overlap{
    position:absolute;
    left:0;
    right:0;
    height:100px;
    background:red;
    color:white;
}

#after{
    position:relative;
    height:100px;
    background:green;
    color:white;
}

这里还有一个指向 jsfiddle 的链接：

http://jsfiddle.net/XLfkn/