位置:绝对;
我遇到了一些div的问题
外部div有一个最小高度,但内部divs都是不同的高度。 因为内部div是绝对定位的,所以它们不会影响外部div的高度。 有没有办法让这些内部div影响外部div的高度?
我将这些div设置为position:absolute的原因是,它们都是从容器div的顶部开始的。
据我所知,绝对定位的子元素无法影响其静态或仅使用CSS的相对定位父元素的高度。 或者:
这个问题在淡入淡出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;