كيف يمكنني أن أجعل Div يعتمد ارتفاع الشاشة؟

Question

حاولت استخدام

height: 100%

ولكن هذا يجعل DIV فقط عالية مثل محتوياته - فقط يحتوي على كلمة واحدة من النص.

كيف يمكنني إجبار DIV على استخدام ارتفاع الشاشة بدلا من ذلك؟

Answer 1

تحتاج إلى body و html عناصر للحصول على 100% الارتفاع كذلك.

جرب CSS التالية:

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

YourDivSelector {
    height: 100%;
}

يجب تعيين الهامش والحشو على 0 لمنع التلقائي في فايرفوكس.

Answer 2

يجب عليك تعيين جميع الحاويات التي تحتوي على DIV إلى الارتفاع: 100٪ أيضا، بما في ذلك علامات الجسم و HTML.

Answer 3

تحتاج أيضا إلى تعيين HTML والجسم إلى الارتفاع: 100٪؛

 html,body{height:100%}

Answer 4

يمكنك الحصول على عرض وارتفاع النافذة باستخدام جافا سكريبت ثم استخدم هذه القيم لتعيين ارتفاع وعرض div, ، كما هو مطلوب.

Answer 5

يمكن

min-height:100%;

ماذا تحاول ان تفعل بالضبط؟ نشر بعض المعلومات أكثر ويمكننا مساعدتك أكثر

Answer 6

يمكنك فقط استخدام ارتفاع الطول = 100٪ إذا كان ارتفاع العنصر المحتوي عليه. انها 100٪، ماذا؟ لا يرتفع إذا تم تعريفه في أي مكان. يمكنك استخدام JavaScript للحصول على ارتفاع النافذة الحالية (كما ذكر سابقا)، أو تحديد ارتفاع معين من 800 بكسل أو أي قيمة. :د