防止溢出内容占用空间

Question

我有一个容器div listings_container，它包含可变数量的div listing，每个div都清除div之前的div。容器div listings_container具有CSS属性overflow-x: hidden; overflow-y: auto;，并定义了固定的width和max-height。

问题：如何防止溢出的div占用空间？说listings_container的高度为30px，listing的高度为10 px。如果我们在listing内有4个或更多listings_container，我们将隐藏第4个listing div以及listing_cotainer的垂直滚动条。溢出的listing div占用的空间可能导致listings_container清除另一个浮动的div，这是我想要避免的。

任何帮助真的很感激！谢谢！

Answer 1

如果将溢出内容保留为auto，则溢出内容将始终超出控件的边界，从而产生相当不可用的效果。如果设置div的大小，通常不希望使用auto，除非您知道内容不会溢出。

您可以选择隐藏或滚动以保持大小固定。我个人使用滚动容器，基本上使用overflow-y：scroll;然后使用固定的高度。