Могу ли я установить ширину 90% со скрытым переполнением

Question

У нас есть div, в котором мы хотим, чтобы ширина была динамической, скажем, 90 процентов от размера экрана. Если содержимое div будет переполнено, мы хотели бы скрыть переполнение.

Я могу скрыть переполнение только в том случае, если для ширины установлено значение px, а не 90%.

Есть ли способ сделать это с процентами?

EDIT

Проблема, похоже, заключается в том, что div правильно скрывается, но он находится внутри таблицы TD, а TD меняет размер на div, как если бы он не был скрыт.

EDIT

Похоже, что когда div находится в таблице, размер TD рассчитывается путем получения полного размера DIV до того, как рассчитывается свойство ширины в процентах. После определения TD рассчитывается процентная ширина для div.

Answer 1

Попробуйте использовать «table-layout: fixed» - столбцы вашей таблицы останутся неизменными по размеру независимо от содержимого, а переполнение: hidden теперь будет делать то, что вы ожидаете (по крайней мере, так было до сих пор в браузерах, которые я проверил с)

Answer 2

Я попытался, и мне удалось сделать это со следующим кодом:

    <div style="border: solid 1px red; width: 90%; overflow: hidden;white-space:nowrap;">
       Stuff in here will cut off at end of div.
    </div>