چسبوندن یک Div از ابتدا صفحه تا انتهای آن

[ab.ali]

با سلام، توی وردپرس سمت راست یک Div هست که از بالا و تا پایین صفحه به طور کامل کشیده شده. حالا می خوام بدونم ارتفاعش رو چطور مشخص کردن ؟آن قدر ارتفاع رو زیاد و کم کردن تا نتیجه نهایی این شده؟

[2undercover]

چند راه هست:

1. position یک عنصر رو absolute یا fixed (اگر می خواید ثابت هم باشه) قرار بدید و هیچ کدوم از عناصر والد دارای position برابر با relative نباشند (چون اینجوری اون عنصر ارتفاعش بر اساس اون عنصر والد تنظیم میشه یا اگر هم اینطوری بود ارتفاع اون والد برابر با ارتفاع صفحه باشه) و ارتفاع عنصر رو 100% قرار بدید. البته اگه position رو absolute قرار بدید ارتفاع به اندازه کل صفحه (قسمتی که دیده به علاوه قسمت هایی که اسکرول خورده اند) میشه.

2. ارتفاع تگ های html و body و عنصر مورد نظر رو 100% قرار بدید.

[ab.ali]

روش دومی خیلی متوجعه نشدم می شه بیشتر توضیح بدین؟
ممنون

[2undercover]

html,
body {
height: 100%;
}
body > .element {
height: 100%;
}