如何爲Appbar下的兒童組件設置一個相對的margin-top？

我正在使用material-ui Appbar，並將它固定到我主要組件中具有高z-index的React應用程序的頂部。然而，我所有的孩子組件都使用display-flex。我想避免任何兒童被應用程序欄阻擋。我嘗試爲我所有的孩子組件Div設置一個保證金頂部，但由於應用欄根據方向和屏幕大小調整大小，因此我可以設置一個固定的保證金頂部。有解決方案嗎？如何爲Appbar下的兒童組件設置一個相對的margin-top？

來源

2016-09-22 jasan

你的問題似乎沒有反應相關，至少在這個時間點 ID說它是CSS相關。

，如果我知道你有這樣的事情

<body> 
<div class="fixed-to-top"></div> 
<div class="react-root"></div> 
</body>

你爲什麼不設置烏爾appbar有以下幾點：

.fixed-to-top{ 
    position:relative; 
    top:0; 
} 

body { 
display: flex; 
flex-flow: column; 
justify-content:flex-start; 
}

和上面的CSS添加到您的CSS，使您的appbar將始終保持在最佳狀態，但不會掩蓋其他低於

讓我知道這是否有意義

來源

2016-09-22 17:46:21

邁克，與上述CSS屬性，我的應用程序欄會移動，如果我滾動頁面，我想它固定在頂部。 – jasan

兒童組件的第一個呈現應呈現在應用欄下方。後來當我滾動內容時，應該允許兒童內容在應用程序欄 – jasan

下滾動，如何將所有可滾動內容放入底部div。我的意思是，在頂層2 divs，一個是appbar，最底層的是所有其他東西的容器。然後只是做溢出：滾動 –

如何爲Appbar下的兒童組件設置一個相對的margin-top？

回答

相關問題