我的代碼正在工作,但我有點困惑。我讀過的地方是,如果你希望你的站點填滿整個頁面而不管視口,那麼你必須在HTML文件中聲明height: 100%
,而不是在css內部,因爲舊版本的瀏覽器。這是真的嗎?如何聲明css「全局」高度?在html文件裏面還是在css文件裏面?
我對這個解決方案沒有任何問題,除了它在html裏面看起來很醜。
<html style="height: 100%;">
...
<div class="wrapper" style="height: 100%;">
<div style="height: 100%;" class="side-nav">
<div class="nav-title">I am the title</div>
</div>
<div style="height: 100%;" class="content">asd</div>
<div style="height: 100%;" class="side-bar">asd</div>
</div>
我不知道怎麼問谷歌關於這個問題,我沒有發現,我閱讀有關此設置的答案。如果您認爲這是無關緊要的,請告訴我,我會刪除,但我真的很好奇。
UPDATE:
只是爲了不誤導,我知道如何聲明它裏面的CSS,我只是好奇,這是有兩個解決方案之間的任何差別。 :)
html, body {
margin: 0;
padding: 0;
width: auto;
height: 100%;
}
.wrapper {
overflow: hidden;
background: #ccc;
margin: 0 auto;
height: 100%;
}
.side-nav, .content, .side-bar {
float: left;
height: 100%;
}
它的工作原理是相同的,現在我知道了。
這不是路障;你可以在任何你想要的地方使用它。爲了跟蹤目的和保持組織的東西,你可以聲明你自己的CSS,並保留'height'屬性並使用該CSS。 –