對象仍然四溢

Codepen鏈接：[隱私刪除]對象仍然四溢

（忽略搜索按鈕，我主要關心的是在它顯示的結果真實#results_container的父元素）。
在實際應用中，結果將基於搜索項生成，

我將溢出設置爲「滾動」，但正如您所看到的，底部結果仍然溢出。是什麼賦予了？

#results_container { 

    height: 430px; 
    overflow: scroll; 
    margin-top: 5px; 

}

來源

2016-11-01 ThinkAboutIt

我可能不理解這個問題，因爲我沒有看到溢出'指的是，哪一部分，特別是溢出？你看到了什麼瀏覽器？ – kinakuta

你的意思是你不喜歡e顯示禁用的水平滾動條？你可以使用'overflow-y：scroll'去強制垂直滾動條 – mizurnix

總體問題是你在任何地方都使用固定高度，他們只是不加起來。如果將'results_container'的高度更改爲'height：297px;'它看起來沒問題，但您應該考慮重寫所有內容，因爲稍後會造成很多即將出現的麻煩， – LGSon

不需要的「底部結果仍然溢出」似乎是由於高度：100％; #wrapper div的CSS定義。

如果刪除「身高：100％;從#wrapper指定，我想你會看到你正在尋找的結果

另外，還要注意的是，#wrapper指定DIV展開和摺疊。因爲瀏覽器的顯示是展開和摺疊的，一旦高度：100％從#wrapper中刪除，#wrapper高度不會改變

來源

2016-11-01 20:39:46 JohnH

我從你的codepen做了一個分叉。

#sidebar { 
    border: 1px solid black; 
    width: 40%; 
    margin-top: 22px; 
    height: 93%; 
    overflow-y: hidden; 
} 

#results_container { 
    height: 430px; 
    overflow: auto; 
    margin-top: 5px; 
}

這裏完整例如：codepen fork

來源

2016-11-01 20:22:14 jotavejv

對象仍然四溢

回答

相關問題