在没有JavaScript的情况下更改元素样式

Question

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

我不希望使用的，因为它不支持，或已禁用它的一些浏览器的JS ...

具体的例子：
我有2倍的DIV（#menu和#content）和我想的#contentmin-height CSS属性设置为#menu实际height性质（所以如果#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。