JavaScriptなしの要素スタイルを変更する

Question

指定された要素のCSSスタイルをJavaScriptを使用せずに変更する方法はありますか？

私が原因でサポートしていない一部のブラウザのJSを使用しない、またはそれを無効にしている...

具体例：私は2つのDIV（#menuと#content）を持っている
とI （#menuが長く#contentよりになるので、もし、#content年代と#menu年代高さが等しくなる）#menuの実際のheightプロパティに#contentのmin-height CSSプロパティを設定します。

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を使用しています。