html – 如何相对于内部绝对高度调整相对高度?

前端之家收集整理的这篇文章主要介绍了html – 如何相对于内部绝对高度调整相对高度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
例如: http://jsfiddle.net/MYvYy/182/

‘outer_Box’里面有很多’inner_Box’元素. Inner_Box元素是绝对的.

我想调整outer_Box高度,以便所有inner_Box元素适合outer_Box.

我知道可以用js来完成.但是我并不喜欢用脚本调整风格.

所以我想知道是否可以使用CSS?

解决方法

CSS是不可能的.

布局流程:

位置:absolute的元素位于页面其余部分的布局流程之外.就相对父母而言,绝对小孩在布局中不占用空间.

如果您需要在容器中嵌套一个弹出式菜单或导航菜单,这是非常有用的,因为它不会影响容器的布局.这是一种用例:绝对是非常适合的.

固定高度:

如果您需要绝对的内容来表现为布局流程的一部分,请使用固定高度.给予相对父项和绝对小孩一个固定的高度,并避免在绝对子节点之前放置任何可变高度的子元素.如果可变高度内容确实在其前面,请在绝对小孩需要显示的位置使用固定高度的相对占位符div.

如果position:absolute必须被使用,固定高度不是一个选项,请使用JavaScript.

猜你在找的HTML相关文章