CSS:让div正确重叠?

时间:2012-09-23 18:47:53

标签: css html positioning

问题可以在http://dev.breinwijzer.be/agenda-2012看到。

我有一系列共享drupal生成的类.views-row的div。 这些div需要垂直增长。他们中的大多数都这样做,但最近添加的,重叠。这是我到目前为止所尝试的内容:

我尝试了min-height,但这只会使div的高度跨越页面。  现在我只剩下min-heightheight的组合。显然,因为它们是div,所以它们显示为块,所以我不需要改变我认为的任何东西。

在另一个网站上,我使用clear:bothoverflow:auto的组合来遇到某人的解决方案。这种组合实际上并没有使滚动条显示,而是由于它而使divs尊重每个人的身高。但这次不是,这次我们在进行这种组合时会看到滚动条。

显然没有position:absolute; - 为什么会这样?

所以我真的没有想法。

2 个答案:

答案 0 :(得分:2)

问题在于你的HTML,而不是你的CSS。

Screenshot of HTML via inspect element

你的第一个“views-row”包含其余的行,这些行应该在它之外。如您所见,所选块和下面的块不应包含在该父节点中,它们应该是该元素的兄弟节点。

为了进一步提供帮助,我需要了解您是如何输出HTML的。

答案 1 :(得分:0)

我不确定是否有意,但所有.views-row都在第一个内。 http://cl.ly/image/1X1x2b170O0m

首先尝试验证您的网站并修复html问题:尤其是与省略的结束标记相关的内容 - 打开没有贴标签的元素。