Как я могу усечь таблицу HTML

Question

Как обрезать таблицу, если она шире контейнера?

Например, скажем, у меня есть div с шириной = 300 пикселей;

Внутри div: один стол с 2 тд, каждый с шириной = 200px;

Очевидно, 200 + 200> 300. Однако, что делает HTML, так это делает каждый тд шириной 150 пикселей.

Есть ли способ соблюдать ширину td (200) и обрезать последний td так, чтобы была видна только его левая половина?

Я пробовал переполнение: скрыто в div, но таблица все еще имеет ширину 300px

Answer 1

Пожалуйста, используйте max-width свойство

Answer 2

Используйте CSS overflow: auto tag на вашем div.Проверьте больше здесь: http://www.w3schools.com/cssref/pr_pos_overflow.asp

Answer 3

Установите для div обтекания скрытое переполнение:

.wrapper {
    overflow: hidden;
}

Вот скрипка: http://jsfiddle.net/qmby4/