在全高容器中排列圖標

我想在網站的全部高度（而不是視口）的容器內安排多個圖標。在全高容器中排列圖標

目前我只得到下面的代碼視口的高度：

.full-container { 
 
    position: absolute; 
 
    height: 100%; 
 
    display: block; 
 
    top: 0; 
 
    bottom: 0; 
 
    
 
    /* for example */ 
 
    width: 100%; 
 
    background: red; 
 
}

<div class="full-container"></div>

有沒有辦法讓整個網站的高度？

這裏是我的想法的一個例子：

的白色區域是在瀏覽器的可視屏幕。灰色區域是其餘部分。我想要一個具有頁面全高（黃色區域）的DIV。

來源

2017-03-03 Cray

你可以分享你想要達成的目標嗎？ – aloisdg

看到我的問題;） – Cray

與創建一個div 100％，是唯一覆蓋從哪裏該專區位於元素離開該地區通常具有絕對的本不應該需要的位置，但具有u嘗試這樣的問題：

/* CSS */ 
* { 
    margin: 0; 
    padding: 0; 
}

另一件事，我不得不問你，如果你正在使用框大小。這可能是問題的原因。

不過我不知道你想達到什麼目的：

body {background-color: red;} 
 
main { 
 
    width: calc(100% + 100px); 
 
    background-color: blue; 
 
    position: absolute; 
 
    left: -100px; 
 
    top: 0; 
 
}

<body> 
 
    <main><p>test</p></main> 
 
</body>

Edite：似乎是相當馬車你正在嘗試待辦事項。 100％似乎並不支持它，只是返回頁面寬度的值。

來源

2017-03-03 17:17:50

在全高容器中排列圖標

回答

相關問題