За последние 24 часа нас посетили 22068 программистов и 1105 роботов. Сейчас ищут 467 программистов ...

Flexbox конфликт переноса

Тема в разделе "HTML и CSS", создана пользователем Exort, 10 дек 2018.

  1. Exort

    Exort Активный пользователь

    С нами с:
    30 апр 2016
    Сообщения:
    100
    Симпатии:
    2
    Доброго времени суток!

    За ранее спасибо за потраченное время.

    Изучаю флексбокс вёрстку и столкнулся со следующей проблемой:

    — У меня есть 1 главный флекс-контейнер, внутри него aside и main. У aside установлен flex-basis: 300px; , а main как-бы плавающий блок с автоматической шириной. Внутри main имеется блок, в котором имеются категории. Так вот, если я внутри каждой категории вместо "главная страница" пишу любой один символ, тогда все блоки переносятся корректно и в конечном счёте на мобилке сам main переносится под aside. А если я пишу больше одного символа внутри категории, тогда перенос срабатывает некорректно и main перемещается под aside раньше времени. Вопрос, как это предотвратить? Если не изменять h2 во всех категориях на один символ и начинать сдвигать, то перемещается всего один элемент, а затем все остальные прыгают вместе с main вниз, как сделать равномерное перемещение? Чтобы сначала все элементы в один ряд, затем main под aside.. Спасибо

    Ссылка на "вёрстку": http://projects.tsuintora.com/wskills/
     
  2. Exort

    Exort Активный пользователь

    С нами с:
    30 апр 2016
    Сообщения:
    100
    Симпатии:
    2
    Походу проблема в том, что блок main не плавающий.. не понимаю ничего..
     
  3. Exort

    Exort Активный пользователь

    С нами с:
    30 апр 2016
    Сообщения:
    100
    Симпатии:
    2
    Проблема решена