我以前從未發生過這種情況，我無法理解為什么會發生這種情況。我在 React 作業。我基本上有一個帶有主體 css 的父組件：
body {
width: 100%;
height: 100%
}
這樣我就可以在我的專案中使用百分比。我的子組件有
#Navbar {
width: 100%;
height: 10%;
background-color: black;
}
但是我看不到子組件，除非我將其位置設定為絕對。有誰知道為什么會這樣？在此先感謝您的幫助！
uj5u.com熱心網友回復：
在 CSS 中，body指的是 document.body，而不是組件的主體。我不知道你可以在 document.body 上設定寬度和高度……這真的沒有任何意義，因為 body 是 dom 中的頂部可見元素。
設定高度 = 80% 或寬度 = 90% 或任何對調整另一個元素內的元素大小有意義的東西。但是 body 沒有 parentNode 。
uj5u.com熱心網友回復：
我對 react 不是很熟悉，但也許可以嘗試設定 #Navbar 內容屬性。這應該適用于 vanilla CSS，我希望也適用于 React：
#Navbar {
width: 100%;
height: 10%;
background-color: black;
content: ""
}
希望這可以幫助 ;）
uj5u.com熱心網友回復：
你的組件有內容嗎？
.body參考 HTML 的正文而不是您的組件。你必須給它一個 id 或 className 才能讓它作業
我還建議使用<nav>html 節點并簡單地這樣做，因為它在語意上更正確
nav {
color: red;
etc...
}
代碼沙盒
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/381646.html
標籤：javascript css 反应
上一篇：如何將備用顏色通過每4個元素以重復Array.map功能的相同部件圖案？
下一篇：如何覆寫scss中的地圖合并？