У меня есть следующая таблица:
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>TTT</title>
<style>
/* on both */
body {
overflow-x: hidden;
}
.full-width {
position: relative;
margin: 0 -9999rem;
padding: .25rem 9999rem;
background-color: #000;
color: white;
font-size: 1.125rem;
}
</style>
</head>
<body>
<table class="full-width" style="background-color: #000;">
<td style="color: #FFF">
Text
</td>
<td style="color: #FFF">
Text 2
</td>
</table>
</body>
</html>
Настройка html overflow-x: скрытый не вариант. Будет работать, но уничтожить мою исходящую таблицу. Только на Safari у меня есть полоса прокрутки. И здесь.
Фрагмент фрагмента отсюда: https://css -tricks.com / full-browser-width-bars /