例如:
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.