【问题标题】:layout 3 divs in a fixed containing div, with heights: 1div as much as it needs, 2div 60% from the rest, 3div 40% from the rest在一个固定的包含 div 中布局 3 个 div,高度:1div 尽可能多,2div 60% 其余部分,3div 40% 其余部分
【发布时间】:2010-12-22 16:51:38
【问题描述】:

我在这里尝试过 http://jsfiddle.net/jhXuP/ 但没有运气,

我不想将 3 个 div 放在另一个以 px 为单位定义高度和宽度的 div 中(有时可以用 js 改变)

所以我希望内部 div 的高度是

第一个 - 尽可能多

2nd - 剩余空间的 60%

3rd - 剩余空间的 40%

有人可以帮帮我吗?

【问题讨论】:

    标签: html css layout


    【解决方案1】:

    在 css3 中有一个解决方案。我为您创建了一个演示:

    http://jsfiddle.net/jhXuP/1/

    唯一的问题是兼容性。因此,您可以考虑使用modernizr 检查浏览器是否支持灵活的框模块(允许我们进行这些调整的 css3 优点的名称),如果没有,则使用 javascript 分配剩余高度(使用 jquery 会很容易) .

    编辑:我提出了一个概念,它还为您的特定情况提供 IE 支持(有错误,只是一个起点)-http://jsfiddle.net/jhXuP/2/

    【讨论】:

      猜你喜欢
      • 2011-03-25
      • 2013-06-05
      • 1970-01-01
      • 2011-06-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-09-23
      • 2020-04-02
      相关资源
      最近更新 更多