Вопрос на собесах #2
Любые, претендующие на какую-либо работу с вебом - как правило это фронтэндеры-еры JS-еры, подвергаются мною чудовищному, нечеловечному испытанию:
Есть разметка:
Child1
Child2
Очевидно, без какого-либо CSS - дивы "child" отобразятся один под другим. Какие есть способы, в т.ч. извращенные, в т.ч. и применимые в каких-то специфических случаях - чтобы эти два дива встали горизонтально - в ряд друг за другом, типа:
[ Child 1 ] [ Child 2 ]
?
--- дальше спойлер ---
Жду два-три способа. С извращениями от бывалых и толковых - насобирал штук восемь. По ходу беседы - записываю тут же на доске названные - так задорнее. Юзаю как повод проверить hands on на flexboxes - по ним копаю глубже, типа "а как сделать минимумум в 100px". Вопрос работает и как повод для разговора: "а в наши-то времена оооо", "в вилобаджо уже сверстали всё на таблицах, и ебашат друг друга в квейк", и "слышали ли вы про новые веяния с grid layout?". У вопроса нет дна - один раз закончили на том, что transform - работает лучше чем position: absolute - потому что врубается композитинг GPU.
Спрашиваю это от входа, потому что нет никакого смысла брать даже супер-джедая-реактера - который не умеет хакать браузер. Бывает "5 лет опыта в JS, видел только бустрап, я разберусь в CSS по ходу". Но сорян - так оно не работает. Я тоже думал что CSS - это просто почитать чутка, но нет.
Есть разметка:
Child1
Child2
Очевидно, без какого-либо CSS - дивы "child" отобразятся один под другим. Какие есть способы, в т.ч. извращенные, в т.ч. и применимые в каких-то специфических случаях - чтобы эти два дива встали горизонтально - в ряд друг за другом, типа:
[ Child 1 ] [ Child 2 ]
?
--- дальше спойлер ---
Жду два-три способа. С извращениями от бывалых и толковых - насобирал штук восемь. По ходу беседы - записываю тут же на доске названные - так задорнее. Юзаю как повод проверить hands on на flexboxes - по ним копаю глубже, типа "а как сделать минимумум в 100px". Вопрос работает и как повод для разговора: "а в наши-то времена оооо", "в вилобаджо уже сверстали всё на таблицах, и ебашат друг друга в квейк", и "слышали ли вы про новые веяния с grid layout?". У вопроса нет дна - один раз закончили на том, что transform - работает лучше чем position: absolute - потому что врубается композитинг GPU.
Спрашиваю это от входа, потому что нет никакого смысла брать даже супер-джедая-реактера - который не умеет хакать браузер. Бывает "5 лет опыта в JS, видел только бустрап, я разберусь в CSS по ходу". Но сорян - так оно не работает. Я тоже думал что CSS - это просто почитать чутка, но нет.