Проблема верстки?

Question

[Webik2018]

Кто-нибудь может помочь? Почему этот блок со "связь" вылазет аж сюда на блоке? Clearfix указан.

Comments

[Webik2018]

zLive, Что за проблема?

Answer 1

[Апатий Черный]

Добавь в стили clear:both;

Comments

[Webik2018]

Оно и так стоит.

[Апатий Черный]

Webik2018, залей на jsfiddle и дай ссыль

[Webik2018]

Виталий Миронов, https://jsfiddle.net/6y1n00n4/#&togetherjs=7aDdAdrVoD Картинки не могу залить

[Апатий Черный]

Webik2018, меняй верстку, на инлайн или флекс. у тебя там табличная в некоторых местах

[Webik2018]

Виталий Миронов, Ну окей) Просто насколько я знаю флекс не полностью кроссбраузерный. А так-то спасибо за помощь)))

[AlexandrBirukov]

Webik2018,

Просто насколько я знаю флекс не полностью кроссбраузерный.

- да неужели flex, люди уже давно гридами пользуются

Answer 2

[Odisseya]

Сейчас блок «.calling» налазит на флоатный блок «Заслуги», т.к. блочные элементы не видят перед собой флотных блоков, а блок «Заслуги» не имеет clearfix после себя, который это исправит. Т.к. сетка флоатная, стоит всей правой колонке с блоками «Заслуги» и «Связь» сделать общий контейнер, чтобы структура была:

• контейнер:
  
  • левая колонка
    
  • правая колонка (внутри нее уже блоки «Заслуги» и «Связь»)
    
  
  

А уже каждую из колонок зафлоатить.