当我向下滚动

Question

我的代码如下：

<div class="col-md-8"> ... </div>

<div class="col-md-4">
    <div id="side-panel" class="panel panel-default" data-spy="affix" data-offset-top="10">
        PANEL'S WIDTH SHRINKS WHEN I SCROLL DOWN :(
    </div>
</div>

我试图实现侧贴自举面板。但是当我向下滚动页面时，它按照我想要的方式贴在顶部，但它的宽度缩小到大约一半。

我也尝试了position: fixed;样式属性，但结果却收缩了相同。

这里有什么实际问题，是否有针对这种奇怪行为的解决方法？

Answer 1

您需要明确定义width的{​​{1}}或min-width，以防止＆＃34;缩小＆＃34;。属性side-panel正在完成您所做的工作 - 在面板上设置data-spy="affix"。当位置固定时，面板将“收缩”。低至内部任何内容的大小。