各セクションの高さをどのようにすることができますか？

Question

#appとsection2とsection3と呼ばれる各セクションを、私のサイトの#appセクションに示されている完全なウェブページの100％の高さと同じ高さにする方法を知りました。たとえば、私が#section2にいるときに「パート3」というテキストを表示したくない場合は、各セクションの高さを1ページに相当するものにします。ここで

は、私は彼らに私はそれが働いていないように私は明らかに何かが欠けている、しかし、以下のCSSを使用し、すべて同じ高さにするためにはachieve.

にしようとしているものの一例です。ここで

body, 
html { 
    width: 100%; 
    height: 100%; 
} 

#app 
#section2, 
#section3,{ 
    height: 100vh; 
    width: 100%; 
} 

は、上記のコード（補正）が適切に適用されることはありませんようにあなたの最初のCSSが不適切に書かれているjsfiddle

Answer 1

#app, 
#section2, 
#section3 { 
    height: 100vh; 
    width: 100%; 
} 

を使用して、私のサイトコードへのリンクです。それを修正すれば、あなたはあなたの望む結果を達成する上でうまくいきます。