Установить минимальную ширину равным ширине содержимого ⇐ CSS

[Anonymous]

У меня есть элемент div с фоном, содержащим таблицу. Я хочу, чтобы div имел ширину 100%, за исключением случаев, когда он уже, чем длина таблицы. Я могу сделать что-то вроде этого:

Код: Выделить всё

.my-div {
width:100%;
min-width:900px;
}

Это отлично подходит для таблицы шириной 900 пикселей, но если она уже, у меня будут нежелательные полосы прокрутки, а если она шире, у меня будет недоступный контент. Очевидно, что это можно тривиально решить с помощью JavaScript, но я хочу знать, существует ли решение только для CSS, чтобы мое приложение не было таким тяжелым для JS.
Наглядное представление о том, что происходит, см. здесь. Я хочу, чтобы зеленый фон переполнял область просмотра, когда это происходит с текстом в таблице.

Подробнее здесь: https://stackoverflow.com/questions/115 ... f-contents