24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
Сам я нихуя еще не умею, чтобы что-то советовать от себя, кроме google.com.
Могу дать только один совет - сразу вкатывайся в github, и пользуйся им хотя бы в приложении. Я откладывал этот вкат, потому что не понимал, зачем мне это говно, если я пищу hello world, а оказалась очень годная и удобная штука, которая действительно упрощает жизни и обучение
Когда вкатываешься, не знаешь, а что верстать то, а что вообще можно сделать на css - этот сайт явно показывает, а что можно, и что нужно пытаться делать самому. Сам вчера наткнулся и ахуел как все круто, думаю самостоятельно пробовать повторять всякие штуки оттуда, чтобы нормально освоить верстку
>>197094936 (OP) Все навыебывались, но никто не помог. margin: auto обозначает что браузер сам посчитает margin-left и margin-right равными половине ширины родителя - ширина ребенка
>>197095877 Помогает удобно синхронизировать все говно между устройствами: начал писать на ноуте, взял чает и продолжил за пекой. Алсо все твое говно всегда под рукой, всегда все в порядке и никакого бардака, а если обосрался и все сломал - можно легко откатиться к предыдущему сейву своего проекта, не засирая весь рабочий стол тысячами копий своего hello world на разных этапах разработки.
Меньше тратишь времени на всякую хуйню и больше учишься
>>197096030 Написав top, bottom, left и right ты сбросил дефолтные отступы которые равны 1. Когда все отступы равны 0 браузер начинает их игнорировать. Но тогда у тебя элемент будет в координате 0,0 родителя. Чтобы решить эту проблему тебе нужно сделать margin auto
>>197095242 margin: auto margin для отступов, ну ты в курсе. Если стоит авто, то элемент центрируется. Хуяррить марджин: авто на элемент с абсолютным позиционированием у которого лево,право,верх и низ проставлены в ноль это нихуя не целевое использование. Это — очередная изъёбка. Пока не было флексбокса так и изъёбывались. Теперь есть, окольные пути не нужны.
Почему не работает margin: auto без выставления позиционирования в ноль, и почему не работает выставление позиционирования в ноль без margin: auto? В чем синергия?
>>197096115 Уже понял, что этот хуй сказал какую-то хуйню, и теперь опять ничего не понятно
>>197098417 Ну смотри. ты задал элементу ширину, и одновременно указал, что отступы слева и справа должны быть нулём. Очевидно, что такое отобразить невозможно(именно поэтому это костыль, а не нормальная вёрстка). Ширина элемента в приоритете, поэтому отступ справа проигнорируется. Если ты добавляешь марджин: авто, ты указвыаешь браузеру что надо центрировать элемент, поэтому он игнорит нулевые отступы и центрирует его.
Теперь почему это не работает если не указать нулевые отступы. У любого элемента позиционированного абсолютно должны быть указаны отступы, иначе не ясно где его рисовать. Если они не указаны, то по дефолту это отступы слева и сверху, и они равны координатам верхнего левого угла родительского элемента. То есть отступы у него в любом случае есть, даже если ты их не прописал. А когда есть дефолтный отступ слева и ширина элемента — браузер не принимает в расчёт марджин: авто.
Почему у браузера именно такие приоритеты? Это не описано ни в каком стандарте, разрешение таких ситуаций остаётся за разработчиками движка браузера. В теории они пытаются сделать так, что бы всё выглядело приемлимо и следовало хоть какой-то логике. А хитрожопые версталы пользуются этой хуйнёй.
Сап, Двач, вкатываюсь в верстку, и есть один момент, который мне совершенно непонятен.
Чтобы разместить блок по центру, мне пришлось прописать следующие стили https://codepen.io/vertically-challenged/pen/VOxoxY которые я нашел на htmlbook.
Мне не понятно, почему ничего не работает без margin: auto; в чем сакральный смысл?
Алсо почему top, bottom, left и right равны именно 0?