如何讓此側邊欄滾動？

如何讓此「側邊欄」滾動？我嘗試了溢出：自動，但沒有奏效。如何讓此側邊欄滾動？

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

如何讓此側邊欄滾動？

回答

相關問題