На проекте возникла проблема с вёрсткой, решил отладить на тесте, скопировав только проблемные стили без контента. Итак, дана вёрстка: Код (PHP): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .a { width: 100%; height: 100%; position: fixed; z-index: 1000; top: 0; left: 0; background: green; } .b { max-height: 80%; background: red; } .c { max-height: 100%!important; width: 800px; margin: 0 auto; background: yellow; overflow-y: scroll; } </style> </head> <body> <div class="a"> <div class="b"> <div class="c"> <div style="height: 1200px; background: black"></div> </div> </div> </div> </body> </html> Не могу понять, почему размеры блока .c превышают размеры блока .b. Может я что-то упускаю в css, но по-идее не должны же превышать родителя. И соответственно, не совсем вникаю, как исправить.
Re: Высота вложенных блоков Ну это проблему не решит. Во-первых, мне не нужно, чтоб скролился .b, во-вторых, max-height у .c всё равно игнорится, а мне не понятно, почему... Добавлено спустя 8 минут 49 секунд: Помог знакомый верстальщик. Оказывается, max-height внутри другого max-height не работает. Надо чтоб у одного из них обязательно был задан height
Игорь, чего ругаешься? Не нравится вёрстка, так и напиши. Но я же написал, что это тест, ты же не знаешь, почему мне пришлось так сделать