6

Почему, когда в height пишешь в px всё нормально, а когда в процентах, как на рисунке, ничего не работает? height в процентах нельзя делать?

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="home_page.js"></script>
        <link rel="Stylesheet" href="accaunt.css"/>
        <meta http-equiv="content-type" content="text/html; charset=windows-1251"/>
        <style type="text/css">
            body.style_body {
                background-attachment: scroll;
                background-clip: border-box;
                background-origin: padding-box;
                direction: ltr;
                display: block;
                margin: 0px auto;
                overflow: scroll;
                padding: 0px;
                position: relative;
            }
            .gods_area {
                background: #d954ff;
                border-bottom: 2px solid black;
                height: 82%;
                margin: 0px;
                padding: 0px;
                width: 100%;
                z-index: 10000;
            }
        </style>
        <title>School.ua</title>
    </head>
    <body class="style_body">
        <div id="gods_area" class="gods_area"></div>
    </body>
</html>

4 ответа 4

11

Если вы берете проценты, их нужно брать от чего то Т.е. либо пропишите, как сказано выше

body, html{height:100%}

либо укажите в родительском элементе тоже самое

body.style_body { height:100%}
1

Конечно 100% можно использовать, но я бы вам советовал использовать так называемые viewport меры. (vh, vw, vmin, vmax)

body {
margin:0;
}
div {
background: #0af;
height:100vh;
color:white;
font-size:40px;
text-align:center;
}
<div>
100 высота
</div>

0

Не хватает только прописать body, html{height:100%}.

-3

Стереть можно<!DOCTYPE html>, у меня так получилось.

11
  • гугл Хром)
    – Zow
    22 ноя 2011 в 11:00
  • так ты мой код посмотри
    – Zow
    22 ноя 2011 в 11:01
  • Сотри самую первую строчку < ! D O C T Y P E h t m l > ;)
    – Draculidze
    22 ноя 2011 в 11:08
  • 1
    @Draculidze, чем вам доктайп не угодил?
    – ling
    22 ноя 2011 в 11:15
  • 1
    @ling +1) Какая разница?
    – Zow
    22 ноя 2011 в 11:26

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.