javascript - 不用 JavaScript 改变元素样式

Question

有没有一种方法可以不使用 JavaScript 来更改指定元素的 CSS 样式？

我不想使用 JS，因为有些浏览器不支持，或者已经禁用它...

具体例子:
我有 2 个 DIV(#menu 和 #content)，我想设置 min-height CSS 属性 #content 到 #menu 的实际 height 属性(所以如果 #menu 比 #content 长， #content 和 #menu 的高度将相等)。

Answer 1

您的问题可以用简单的纯 CSS 解决。为了演示的目的，我将假设您的网页左侧有一个菜单，页面的其余部分跟随它的高度。这种行为很容易通过组合 float 和溢出来实现。

HTML

<div class="content">
    <ul class="menu">
        <li><a href="/">Homepage</a></li>
    </ul>
    <p>Hello world!</p>
</div>

CSS

.content {
    width: 98%;
    overflow: hidden;
}

.menu {
    float: left;
    width:30%;
}

诀窍在于在外部包装器上使用 overflow:hidden，这将使内容高度始终调整为菜单的高度。