在沒有JavaScript的情況下更改元素樣式

有沒有方法可以在不使用JavaScript的情況下更改指定元素的CSS樣式？在沒有JavaScript的情況下更改元素樣式

我不希望使用的，因爲它不支持，或已禁用它的一些瀏覽器的JS ...

具體的例子：
我有2倍的DIV（#menu和#content）和我想的#contentmin-height CSS屬性設置爲#menu實際height性質（所以如果#menu將長於#content，#content的和#menu的高度將是相等）。

2011-07-31 longaster

沒有。這是不可能的。好 - 有css表達式。他們的支持比js的支持更差（只有<8 hehe）。您需要使用腳本，並且網絡上的腳本語言比JavaScript更廣泛。 – ThatGuy

聽起來像你想根據你的例子[清除浮動]（http://www.quirksmode.org/css/clearing.html）。 – Marcel

我dnt理解你說沒有JavaScript，你已經方便地用javascript標記你的問題。 – Baz1nga

你的問題可以用簡單的普通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。

2011-07-31 10:09:36 brezanac

回答