如何让此侧边栏滚动？

如何让此“侧边栏”滚动？我尝试了溢出：自动，但没有奏效。如何让此侧边栏滚动？

2012-07-28 Gregg

为什么我必须点击您的小提琴链接才能看到您的示例标记/代码？ – 2012-07-28 18:58:50

我只是觉得你们会更容易看到html和css分离出来。 – Gregg 2012-07-28 18:59:33

它可以轻松地回答，而无需看演示（这是很好的，这绝对有帮助，我不想阻止提供演示）。而且你不会在jsFiddle中发布完整的页面标记：http://jsfiddle.net/kK2gD/2/ – 2012-07-28 19:00:55

这将解决这个问题：

#sidebar { 
    float:left; 
    width:330px; 
    text-align:center; 
    height:200px; 
    background:#eee; 
    padding:150px 5px; 
    overflow:scroll; 
}

首先，你错过了在padding;。

其次，您应该将overflow设置为scroll。

来源

2012-07-28 18:59:01 Nathan

更正以填充结尾的行，并减少侧边栏的高度。

#sidebar { 
    float:left; 
    width:330px; 
    text-align:center; 
    height:100px; 
    background:#eee; 
    padding:150px 5px; 
    overflow: auto; 
}

http://jsfiddle.net/wMq2E/

来源

2012-07-28 18:59:30 bobster

我不知道'20px'是“右”，也许'100px'是'height' ，但这是答案：http://jsfiddle.net/wMq2E/ – 2012-07-28 19:09:10

这应该工作完全正常。我在你的CSS中发现了一个错字。

padding:150px 5px

;缺失。应该与此一起工作。

来源

2012-07-28 18:59:41 Slomo

哇，谢谢你捕捉。你很好！ – Gregg 2012-07-28 19:01:04

@Gregg - 如果它是定义结束之前的最后一个语句，那么';'是可选的。但是，在之前的“最后”语句之后，很容易忘记和添加语句，从而导致您的问题。所以我总是把'''放在我的陈述上，不管我是否手写它们。 – 2012-07-28 19:04:36

而这本身并不能解决问题。你还必须调整高度（我假设'＃sidebar'上的'height：100px'？）。 – 2012-07-28 19:08:35

padding:150px 5px;<-- you miss this coma 
overflow:auto;

来源

2012-07-28 19:02:47 Xenione

如何让此侧边栏滚动？

回答

相关问题