การแทนที่คุณสมบัติพื้นหลัง (ความสูง + สี) ใน HTML

ฉันพบปัญหาแปลก ๆ ในแอปของฉันที่ฉันใช้คลาสกับเนื้อหาซึ่งตั้งค่าพื้นหลังเป็นสีเทา เมื่อเร็วๆ นี้ในขณะที่ทำการเปลี่ยนแปลงอื่นๆ ปัญหานี้ได้รับการแก้ไขแล้ว

ในสถานการณ์ปัจจุบัน ส่วนของเนื้อหาที่ถูกโหลดเมื่อโหลดครั้งแรกในวิวพอร์ตมีพื้นหลังสีเทา แต่เมื่อฉันเลื่อนหน้าลง ส่วนที่เหลือของเนื้อหาจะมีพื้นหลังสีขาว

นี่คำตอบกล่าวอย่างถูกต้องว่า

ความสูง:100% เท่ากับความสูงของวิวพอร์ต อย่าระบุความสูงหรือใช้ min-height: 100%;

ตอนนี้ฉันเพิ่งรวมสไตล์วัสดุเชิงมุมไว้ในแอปซึ่งมีแท็กเนื้อหาเป็น:

html, body {
    height: 100%;
    color: rgba(0, 0, 0, 0.87);
    background: white;
    position: relative;
}

ฉันไม่แน่ใจว่าจะเลิกทำสไตล์นี้ได้อย่างไรในขณะที่ใช้วัสดุเชิงมุม ดังเช่นค่าใดที่ควรเป็นค่าที่เหมาะสมที่ฉันควรกำหนดให้กับความสูงเพื่อแก้ไขปัญหานี้ ฉันพยายามลบความสูง 100% นี้ด้วยตนเอง ปัญหาได้รับการแก้ไขแล้ว แต่ฉันไม่ต้องการแก้ไขไฟล์ของบุคคลที่สามด้วยตนเอง แต่แทนที่สไตล์ในแอปของฉัน ฉันลองใช้วิธีแก้ปัญหาพื้นฐานในการจัดแต่งทรงผมใน css ของฉันตามด้านล่างนี้ แต่ไม่ได้แทนที่สไตล์วัสดุเชิงมุม

body {
    background-color: #edecec !important;
    height: 100%;
}

ข้อเสนอแนะใด ๆ เกี่ยวกับวิธีการทำเช่นนี้ได้รับการชื่นชม