CSS - 位置:绝对; - 自动高度

Question

CSS - 位置:绝对; - 自动高度

sup*_*led 25 css

我遇到了一些div的问题

外部div具有最小高度,但内部div都是不同的高度.因为内部div是绝对定位的,所以它们不会影响外部div的高度.有没有办法让这些内部div影响外部div的高度？

我使用position来设置这些div的原因:绝对是因为它们都从容器div的顶部开始.

Answer 1

And*_*rew 23

据我所知,绝对定位的子元素无法仅使用CSS来影响其静态或相对定位的父元素的高度.或者:

重新组织,以便子元素保留在文档流中
在页面加载时使用JavaScript将父级的高度设置为最大子级的高度

这个问题是常见的淡入/淡出JavaScript的幻灯片,并从我所看到:1)父容器的高度需要被定义或2)父容器的高度动态设置每张幻灯片.

对于选择使用 JavaScript 的任何人，请记住，当调整窗口大小时，您可能应该重新计算父级的高度。我个人会鼓励纯 CSS 解决方案，以避免担心这种情况。虽然很明显这会导致不同的问题，比如花了七年多的时间试图找到一个只有 18 个赞成票的问题的答案...... +1 (2认同)

Answer 2

Sim*_*mon 10

我最近遇到了淡入/淡出CSS过渡幻灯片的问题,并最终通过给出第一个子元素position: relative;和其他元素来解决它,position: absolute; top:0; left: 0;这确保了容器高度与第一个元素的高度相同.由于我的CSS过渡幻灯片使用不透明度属性,因此容器尺寸在幻灯片放映过程中永远不会更改.

唉,因为我还需要为旧浏览器提供javascript后备,我不得不为这些浏览器设置容器高度(因为jQuerys fadeIn/fadeOut实际设置display: none;我猜).

归档时间：	15 年，5 月前
查看次数：	38938 次
最近记录：	6 年，7 月前