CSS尺寸的百分比

我的標題沒有出現在任何地方。我想知道如何解決它。CSS尺寸的百分比

body { 
 
    background-color: antiquewhite; 
 
    font-size: 100%; 
 
    width: 100%; 
 
    height: auto; 
 
} 
 
nav { 
 
    height: 8%; 
 
    width: 100%; 
 
    position: fixed; 
 
    display: block; 
 
    background-color: grey; 
 
    z-index: 1000; 
 
} 
 
header { 
 
    width: 100%; 
 
    background-image: url("https://placehold.it/50/50"); 
 
}

<nav> 
 
    <h1>...</h1> 
 
</nav> 
 

 
<header> 
 
</header>

來源

2016-12-15 SRomie

沒有你給我們HTML，我們如何幫助你。提供完整的代碼。 –

它的一切都好，在我身邊，你正確地傳遞圖像路徑'url'嗎？ –

'header'沒有高度？ – 2016-12-15 15:42:44

這會做的伎倆：

html, body {height:100%;}

如果使用百分比高度家長需要有一個固定的高度（所以實際上它是什麼8％）或至少所有的父母，直到html標籤需要有一個百分比高度。

來源

2016-12-15 15:38:58

愛你的男人。非常感謝你的回答。 – SRomie

我的第一個想法是給這個頭元素一些（html-）內容（如文本）或明確指定一個高度，因爲當我的容器元素的邊界沒有以任何方式聲明時，容器元素不會「顯示」。

否則，你可能會看看here，因爲這對我來說似乎是同樣的問題。

如果您正在使用例如Firefox，你可以使用rightclick-> inspect元素來查看元素是不是呈現（即沒有高度），或者追蹤應用的css，操作css到位（非永久），甚至調試javascript。

希望這會有所幫助。

來源

2016-12-15 15:44:27 DMuenstermann

標題標記沒有內容，因此高度爲0。嘗試在標題標籤內添加一些文本或使用css添加高度。

來源

2016-12-15 15:48:18 Brian

CSS尺寸的百分比

回答

相關問題