Question

我从这个site找到了这个脚本。它创建了一个粘性侧边栏。

在他的例子中，他给出宽度的固定值。就我而言，我使用了百分比。这样做，贴纸＆＃39;我向下滚动时宽度发生变化，当它回到顶部时，宽度会变回它（应该是）宽度。

我使用百分比的CSS版本：

div#sideBar 
{
    width:25%;
    padding:2.5%;
    margin-left:2%;
    float:left;
}
    .clear { 
    clear:both; 
}
div#sticker {
    padding:2%;
    margin:2% 0;
    background:#AAA;
    width:inherit;
}
.stick {
    position:fixed;
    top:0px;
}

注意：我知道这些代码适用于固定宽度。但是，我想要一个响应式设计，这就是我使用百分比的原因。

Answer 1

试试这个，它应该可行

 div#sticker {
    padding:2%;
    margin:2% 0;
    background:#AAA;
    width:20%;

下面给出进一步说明

“即使某些特性在CSS中自动继承，但在某些情况下，您可能希望增加继承属性的权重。为任何应用于元素的CSS属性指定inherit值将导致要获得相关属性的父级计算值的元素。通过在作者样式表中指定属性应该继承其值，可以增加其权重。“

参考：About Inherit

向下滚动时，粘性子div会改变其宽度

1 个答案: