Q&A
前提・実現したいこと
HTMLないのclass="container"のdiv要素に対してbackgroundをかけたいと思っています。
他の要素に対してはCSSが適応されるのですが、この要素にのみ適応されません。
その原因を教えていただきたいでです。
よろしくお願いいたします。
該当のソースコード
HTML
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Document</title> 8 <link rel="stylesheet" href="3dui.css"> 9</head> 10<body> 11 <div class="container>"> 12 <div class="navbar"> 13 <div class="menu"> 14 <h3 class="logo">Brand<span>Name</span></h3> 15 <div class="humberger-menu"> 16 <div class="bar"></div> 17 </div> 18 </div> 19 </div> 20 </div> 21</body> 22</html>
CSS
1@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap"); 2 3* { 4 padding: 0; 5 margin: 0; 6 box-sizing: border-box; 7} 8 9body { 10 font-family: "Poppins", sans-serif; 11} 12 13.container { 14 min-height: 100vh; 15 width: 100%; 16 background-color: #485461; 17 background-image: linear-gradient(135deg, #485461 0%, #28313b 74%); 18}
試したこと
bodyに対し同様にbackgroundの指定を行った場合には正常に適応されます。
dev toolsで確認したところmin-heightも適応されていないようで、height 28pxとなっています。
height 100%と指定しても適応されてないようでしたので、この要素に対してCSSすべてが適応されていないようです。
回答1件
0
ベストアンサー
クラス名に>が混入しているため。
diff
1- <div class="container>"> 2+ <div class="container">
投稿2021/09/20 11:33
総合スコア11990
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/09/20 13:00