日期:2014-05-17  浏览次数:20908 次

如何设置 div 的高度跟随另一个 div 的高度?
前提:
左右两个 div。
左边 div 宽度 100px,右边 div 占满剩余宽度。
右边 div 内是动态内容,不确定高度。
浏览器宽度调整时,右边 div 会自动调整宽度。

要求:
将左边 div 的高度设置为和右边 div 的高度一样。
如果左边比右边高,则通过滚动条滚动。
浏览器宽高调整而引起右边 div 高度调整时,左边 div 要能持续跟随右边 div 的高度。
使用 xhtml 1.0。
尽量用 css 实现,如果 css 不好实现,用 javascript 也可以。不过答案以 css 优先。
要兼容 ie6/7/8,opera,firefox 等常见浏览器。

先谢谢了!

------解决方案--------------------
右边的DIV可以通过JS进行动态的进行创建。如何获取左边的DIV的宽度 进行设置右边的DIV宽度。
------解决方案--------------------
用js 吧 或者用css的同一个类啊

只设置min-height
------解决方案--------------------
感觉要用js 才能搞定