位置:绝对;

我遇到了一些div的问题

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

我将这些div设置为position:absolute的原因是,它们都是从容器div的顶部开始的。


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

  • 重新组织,以便子元素保留在文档流中
  • 在页面加载时使用JavaScript将父级的高度设置为最大子级的高度
  • 这个问题在淡入淡出JavaScript幻灯片中很常见,并且从我看到的1)父容器的高度需要被定义,或者2)父容器的高度为每个幻灯片动态设置。


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

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


    我认为你应该把它们放在相对位置,并且在内饰板上将“垂直对齐”改成“顶部”。 那么你将不会遇到与abs divs混淆的问题。

    链接地址: http://www.djcxy.com/p/88457.html

    上一篇: position: absolute;

    下一篇: Cakephp $layout will not change