makc9I
@makc9I
фрилансер, web разработчик

Почему псевдоэлемент с position: absolute не выпадает из потока?

Всем привет. Задача такова, что четные строки таблицы должны иметь фон во всю ширину страницы, в то время, как контент таблицы должен находиться внутри контейнера. Я решил реализовать данную фичу, навесив псевдокласс всем четным строкам. Разметку делал дивами, они ведут себя чуть послушней, чем нативная таблица. Но строкам задавал display: table-row, ячейкам display: table-cell
Проблема в том, что мой псевдоэлемент занимает место и ячейки сдвигаются вправо. Я не понимаю, почему.

c53cf8bc725a4b12a0db6d4489315a32.png

Может существует более элегантный способ сверстать подобный случай?

Здесь пример
  • Вопрос задан
  • 354 просмотра
Решения вопроса 1
@spike__x
Может быть вместо before, after
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
02 нояб. 2024, в 21:08
2000000 руб./за проект
02 нояб. 2024, в 20:34
40000 руб./за проект