如何聲明css「全局」高度？在html文件裏面還是在css文件裏面？

我的代碼正在工作，但我有點困惑。我讀過的地方是，如果你希望你的站點填滿整個頁面而不管視口，那麼你必須在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%; 
}

它的工作原理是相同的，現在我知道了。

來源

2014-02-05 ThePianist

這不是路障;你可以在任何你想要的地方使用它。爲了跟蹤目的和保持組織的東西，你可以聲明你自己的CSS，並保留'height'屬性並使用該CSS。 –

這是不對的。

如果你在一個CSS文件中聲明

html, body{ 
    height:100%; 
}

，這將是100％，無論視口的。

如果你想要的一切是100%，只是在你的CSS文件中使用此

*{ 
    height:100%; 
}

。

*是一切的選擇器。

來源

2014-02-05 12:25:44 Albzi

謝謝！「如果你用CSS聲明，無論查看端口如何，它都是100％。」這是我的回答！ :) – ThePianist

如何聲明css「全局」高度？在html文件裏面還是在css文件裏面？

回答

相關問題