防止溢出内容占用空间

我有一个容器分区listings_container，其中包含可变数量的divs listing，每个清除之前的div。容器格listings_container具有CSS属性overflow-x: hidden; overflow-y: auto;和固定的width和max-height定义。防止溢出内容占用空间

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

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

来源

2012-04-14 Nyxynyx

如何把html代码放在这里让其他人更容易理解。我认为你可以尝试'#lisings_container {overflow：hidden}' – 2012-04-14 04:43:58

将它发布到JSFiddle上。 – Jack 2012-04-14 05:29:05

溢出内容总是会超出控件的边界，如果您将其置于自动状态，会产生非常不可用的效果。如果你设置一个div的大小，你通常不会使用auto，除非你知道内容不会溢出。

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

来源

2012-04-14 04:44:58

防止溢出内容占用空间

回答

相关问题