twitter bootstrap affix调整div元素大小

Question

我正在使用twitter bootstrap，下面是我的代码的一部分。每当向下滚动后应用词缀时，整个div都会调整大小。我做错了什么？

<div class="mythumb" data-spy="affix" data-offset-top="90">
                <img src={$profimg_src} style="width:100%;"  data-src="holder.js/300x200"/> 
                <div class="caption">
             <h5>{$firstname}{$middlename}{$lastname}</h5>
            </div>
            <div class="btn-group">
    <button class="btn" id="subscribe">Subscribe</button>
    <button class="btn dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
    <!-- dropdown menu links -->
    <li><a href="#">Subscribe To All posts</a></li>
    <li><a href="#">Subscribe To Ideas Only</a></li>
    <li><a href="#">Subscribe To Posts Only</a></li>
    </ul>
    </div>
            </div>

Answer 1

当使用affix时，一旦你滚动了90px (在这种情况下)，JS会将这个类添加到它监视的div中。

当它这样做时，它会使div脱离正常的流程，所以您通常必须为附加的div创建一个新的样式。

像这样的东西是一个开始：

.mythumb.affix{
top:50px;
margin: 0 auto;
width:940px;
height:200px;
}  

您可能还必须指定z索引值和位置值。我不知道你的当前页面是什么样子的，所以上面的CSS只是一个猜测。一旦您了解到根本原因是因为附加的div已从正常流程中移除，您通常可以重新设置它的样式以满足您的目的。

希望这能有所帮助！