CSS-使位置相对/绝对的元素完全可见,而不使用高度/最小高度?

CSS-使位置相对/绝对的元素完全可见,而不使用高度/最小高度?,css,position,Css,Position,也许这个问题有点奇怪,但我还是被卡住了 我有这样一个元素结构: <div class="one"> <div> <h3></h3> <div class="two"></div> </div> </div> 当我不能在任何元素上使用最小高度或高度时,是否有CSS方法确保.two完全可见 谢谢你的帮助 更新 下面是一个例子:Nopez不可能使用纯CSS 因为元素是绝对定位到容器

也许这个问题有点奇怪,但我还是被卡住了

我有这样一个元素结构:

<div class="one">
  <div>
    <h3></h3>
    <div class="two"></div>
  </div>
</div>
当我不能在任何元素上使用最小高度或高度时,是否有CSS方法确保.two完全可见

谢谢你的帮助

更新

下面是一个例子:

Nopez不可能使用纯CSS

因为元素是绝对定位到容器的,所以不知道它有多高


不过,您可以使用Javascript解决方案。或者只给容器一个高度。

不幸的是,由于
.two
是绝对定位的,因此无法使相对定位的
.one
自动展开以适应其子容器的大小。如果您只需要使
.two
可见,则可以应用
溢出:可见将规则样式设置为
.one
,这将允许
.two
扩展到其父级的底边之外。

其中是否包含文本或其他内容?如果里面什么都没有,为什么它需要是可见的。一个是标签头,两个是标签内容,所以是的,里面会有内容。但是无论哪种方式(内容/无内容),元素都隐藏在它之后的内容后面。你可以发布一个完整的案例,说明它被隐藏的情况。也许可以使用www.jsfiddle.net来模拟它。正如@Silver89所建议的,也许一个清晰的答案可以解决这个问题。如果你的问题更清晰的话,我可以帮你。您说您不能使用最小高度或高度,但在两个div上都设置了高度。您只是想创建一个选项卡式内容部分吗?我举了一个例子。希望现在情况更清楚,不起作用。我举了一个例子来说明问题所在。到目前为止的帮助。所以,当你相对定位你的内容div时,它的宽度被限制在416px。为什么不将内容div放在另一个父元素中,这样当它们相对定位时,就可以跨越页面的整个宽度,而不仅仅是一个选项卡的宽度?你已经在使用JavaScript了,你可能会得到你的钱的价值。好主意,但我需要保持元素结构不变,因为这是由Jquery Mobile创建的默认结构,我正在使用它来做这件事。嗯。。。那么,在这种情况下,您可以尝试将子div设置为
位置:relative
,然后给它们一个基于百分比的宽度,大于其父div的宽度,对应于水平制表符的数量(例如:如果有三个制表符,宽度将为300%减去元素左右两侧的额外填充)。当然,这需要JavaScript。
.one {position: relative; height: 50px; }
.two {position: absolute; height: 500px; }