【问题标题】:Equal Height Columns with Cross-Browser CSS具有跨浏览器 CSS 的等高列
【发布时间】:2010-05-13 01:14:08
【问题描述】:

我想拥有相同高度的 div。

http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

对 be 不起作用,因为我的 div 有边框,并且所描述的方法假定它们没有。

我无法使用 jQuery 解决方案,因为我的 div 因 ajax 和菜单点击而延迟调整大小,并且我找不到此事件。

【问题讨论】:

    标签: css height


    【解决方案1】:

    虽然插件似乎不支持边框,但它确实支持填充。尝试将它们包装在另一个 div 中,然后设置 2px 的填充(或者你想要边框的大小),然后将背景颜色应用到这个新的 div。

    不是最友好的网络标准,但它可以让你使用这个技巧。

    【讨论】:

    • 是的 - 这是一个技巧。缺点是,每当我想重新格式化时,我都必须考虑所有这些嵌套和覆盖的 div。虽然它可能有效,但我怀疑这是设计师的意图。
    【解决方案2】:

    查看这篇博文: http://www.ejeliot.com/blog/61

    希望对你有帮助。

    【讨论】:

    • 嗯。感谢您的精彩概述。这支持了我的假设,即没有真正的解决方案,只有技巧。但是,我不明白为什么我不能或不应该使用表格进行布局。我决定使用表格,对我来说效果很好。
    猜你喜欢
    • 2013-09-12
    • 2011-09-11
    • 1970-01-01
    • 2012-09-30
    • 2012-05-05
    • 1970-01-01
    • 2015-03-07
    • 2020-11-27
    • 1970-01-01
    相关资源
    最近更新 更多