不使用JavaScript更改元素样式

Question

有没有办法在不使用JavaScript的情况下更改指定元素的CSS样式？

我不想使用JS，因为某些浏览器不支持或禁用它......

具体例子：
我有2个DIV（#menu和#content），我想将min-height #content的CSS属性设置为height的实际#menu属性（因此，如果#menu长于#content，则#content和#menu的高度将相等。

Answer 1

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

<强> 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，这将使内容高度始终调整到菜单的高度。