За последние 24 часа нас посетили 9287 программистов и 441 робот. Сейчас ищут 238 программистов ...

Высота вложенных блоков [РЕШЕНО]

Тема в разделе "HTML и CSS", создана пользователем mkramer, 13 фев 2016.

  1. mkramer

    mkramer Суперстар
    Команда форума Модератор

    С нами с:
    20 июн 2012
    Сообщения:
    7.846
    Симпатии:
    1.543
    На проекте возникла проблема с вёрсткой, решил отладить на тесте, скопировав только проблемные стили без контента. Итак, дана вёрстка:
    Код (PHP):
    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Title</title>
    6.     <style>
    7.         .{
    8.             width: 100%;
    9.             height: 100%;
    10.             position: fixed;
    11.             z-index: 1000;
    12.             top: 0;
    13.             left: 0;
    14.             background: green;
    15.         }
    16.         .{
    17.             max-height: 80%;
    18.             background: red;
    19.         }
    20.         .{
    21.             max-height: 100%!important;
    22.             width: 800px;
    23.             margin: 0 auto;
    24.             background: yellow;
    25.             overflow-y: scroll;
    26.         }
    27.     </style>
    28. </head>
    29. <body>
    30.     <div class="a">
    31.         <div class="b">
    32.             <div class="c">
    33.                 <div style="height: 1200px; background: black"></div>
    34.             </div>
    35.         </div>
    36.     </div>
    37. </body>
    38. </html>
    Не могу понять, почему размеры блока .c превышают размеры блока .b. Может я что-то упускаю в css, но по-идее не должны же превышать родителя. И соответственно, не совсем вникаю, как исправить.
     
  2. mr.akv

    mr.akv Активный пользователь

    С нами с:
    31 мар 2015
    Сообщения:
    1.606
    Симпатии:
    206
    Re: Высота вложенных блоков

    Убери оверфлоу у .с и поставь его .б
     
  3. mkramer

    mkramer Суперстар
    Команда форума Модератор

    С нами с:
    20 июн 2012
    Сообщения:
    7.846
    Симпатии:
    1.543
    Re: Высота вложенных блоков

    Ну это проблему не решит. Во-первых, мне не нужно, чтоб скролился .b, во-вторых, max-height у .c всё равно игнорится, а мне не понятно, почему...

    Добавлено спустя 8 минут 49 секунд:
    Помог знакомый верстальщик. Оказывается, max-height внутри другого max-height не работает. Надо чтоб у одного из них обязательно был задан height
     
  4. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.419
    Симпатии:
    1.742
    Так универсальнее
     
  5. mkramer

    mkramer Суперстар
    Команда форума Модератор

    С нами с:
    20 июн 2012
    Сообщения:
    7.846
    Симпатии:
    1.543
    Игорь, чего ругаешься? Не нравится вёрстка, так и напиши. Но я же написал, что это тест, ты же не знаешь, почему мне пришлось так сделать
     
  6. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.419
    Симпатии:
    1.742
    Знаю почему. Потому что CSS это ад. Черезжопный ад, если точно.
     
  7. mkramer

    mkramer Суперстар
    Команда форума Модератор

    С нами с:
    20 июн 2012
    Сообщения:
    7.846
    Симпатии:
    1.543
    А... Я думал ты на мою вёрстку ругаешься, а ты оказывается на css :)))
     
  8. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.419
    Симпатии:
    1.742
    На него, родимого.
     
  9. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.165
    Симпатии:
    1.762
    Адрес:
    :сердА
  10. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.419
    Симпатии:
    1.742
    тип того :D