Почему ширина TD не работает или не соблюдается?

Оригинальный вопрос: есть ли HTML<table> есть ширина по умолчанию?

Недавно кто-то задал вопрос где-то в этом духе, и я удивился.

Возьми это к примеру.

http://jsfiddle.net/rqmNY/1/

В этой скрипке, если вы проверите ее ширину (я использую элемент inspect из chrome), она показывает100px, работает как задумано.

Давайте добавим еще несколько «тд», и мы увидим, чтоtd:100px"CSS игнорируется.

http://jsfiddle.net/rqmNY/2/

Как видите, теперь вместо 83px100px как первоначально предполагалось.

Но скажем, я возвращаюсь к меньшему количеству TD (7) и добавляю более широкую ширину к каждому элементу TD (500px), в результате ширина td застревает на119px.

http://jsfiddle.net/rqmNY/6/

И, наконец, скажем, у меня есть таблица шириной 2000 пикселей, и тд100px ширина и много тд элементов.http://jsfiddle.net/rqmNY/7/

Теперь ширина таблицы переопределяет ширину TD и увеличивает ширину td до222px.

Кто-нибудь может объяснить это поведение?

постскриптум Обратите внимание, что во всех случаях инструмент проверки элементов сообщает мне, что ширина всегда соответствует css, просто конечный результат отображается неправильно.

Ответы на вопрос(4)

Ваш ответ на вопрос