Дмитрий Филимонов: Что-то я всех запутал, да и сам запутался:) Нужно ввести современные термины flow root, оставив старинные containing block и stacking context, освежив их некоторыми современными правилами.
Я не совсем понял, что вы хотели сказать насчёт убирания overflow, но в части контекста форматирования правы — именно flow root отвечает за учёт потомков. Только не забывать, что flow root идёт рука об руку с containing block.
Ну а насчёт stacking context — он имеет значение в рассматриваемой ситуации, но может выражаться в возможном нарушении, например, как здесь jsfiddle.net/petroveg/yk66o84d/3
Вроде и flow root есть, и с containing block всё в порядке, но вот stacking context подводит за счёт анимации.
Так что приношу извинения за смешивание в кучу терминов, что не отменяет сложности темы.
Дмитрий Филимонов: В вашем ответе привёл 2 примера. И даже ссылку на другую тему, где также проблема отсутствия работы overflow для неожиданного появления внутреннего контекста в результате трансформации (которая неминуемо создаёт контекст).
userAlexander: Контекст — это не блок с overflow. Правило overflow не формирует контекст, а лишь говорит, как поступать с потомками. Тема не совсем простая и зависит от многих вещей (normal flow, positioning, floating etc.), включая тип элемента (block, inline, generated content etc.).
Если блок не формирует контекст, а его потомок формирует и выходит за пределы content-box предка, то какой overflow не ставь такому предку, потомок, формирующий контекст, вылезет из него.
Высота считается от padding-box контейнера. Поставьте position:relative у body, увидите другой результат.
Вам тоже следовало бы почитать про контексты и позиционирование, в частности. Ну и про viewport, а то уже затаскали слово «окно».
Во-первых, вы можете сделать неразрывным набор (display:inline-block;white-space:nowrap), а текст в комментариях обрезать.
А, во-вторых, говорится, что вид ссылок можно настроить тут https://disqus.com/admin/login/?next=/admin/settings/
Вы бы почитали уже, что пишет Disqus про свои возможности. Я его вижу в первый раз, а вам-то должно быть всё известно про него.
Я вам привёл кусок вашего же кода, который сформирован для первого топика. Вы разберитесь, где он формируется, а, в частности, как в нём проставляется ссылка.
Зачем вы вставили кусок статичного HTML к себе в шаблон? Вам нужно использовать свою CMS для формирования ссылки на топик, а не лепить туда статичный HTML, да ещё и с H3...
Во-первых, нужно поставить после с датой, а не внутри.
Во-вторых, кто вам формирует ссылку на топик выше в ? Вы что,вручную его ставите?)
<h3 class="topic-title"><a href="http://geekninja.ru/podcasts/227">Подкаст GeekNinja. Выпуск №3. Цензура в играх, Star Wars, Mass Effect 4, Mortal Kombat X</a></h3>
Кто мешает добавить ещё один пункт списка со ссылкой на страницу, к адресу которой добавлен #disqus_thread? Пункт с датой меня не интересует:) Он — ваш, и только ваш.
Я не совсем понял, что вы хотели сказать насчёт убирания overflow, но в части контекста форматирования правы — именно flow root отвечает за учёт потомков. Только не забывать, что flow root идёт рука об руку с containing block.
Ну а насчёт stacking context — он имеет значение в рассматриваемой ситуации, но может выражаться в возможном нарушении, например, как здесь jsfiddle.net/petroveg/yk66o84d/3
Вроде и flow root есть, и с containing block всё в порядке, но вот stacking context подводит за счёт анимации.
Так что приношу извинения за смешивание в кучу терминов, что не отменяет сложности темы.