对象仍然四溢

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

对象仍然四溢

回答

相关问题