Сделать HTML-столбец более широким, так как внутреннее деление увеличивается

Question

Пожалуйста, примите во внимание следующее:

<td style="width: 500px;">
    <div style="width: 400px;">SomeContent</div>
</td>

По какой-то причине столбец, содержащий div, не будет расширяться до 500px, как предполагает стиль.

Знаете ли вы, как заставить td соблюдать ширину, указанную в стиле?

Answer 1

Теоретически вы можете использовать стили min-width и max-width. На практике некоторые популярные браузеры игнорируют эти стили. В этом случае вы явно объявили ширину 400, поэтому она всегда должна равняться 400, если на нее не влияют растущий ребенок или сужающийся родитель. Вы можете запустить «сервер» и программно определить атрибут ширины на основе размера контента, или вы можете поиграть со стилем переполнения, или поместить его в Panel с горизонтальной полосой прокрутки.

Answer 2

У вас нет оснований устанавливать фиксированную ширину в DIV внутри TD, по умолчанию DIV являются блочными элементами, что означает, что они будут заполнять всю ширину содержащегося в нем элемента.

Либо установите отступы на TD или поля на DIV для достижения того же стиля.

Не видя дополнительной разметки или CSS, я не вижу никакой причины, по которой TD не будет иметь 500px, если вы добавите два разных цвета фона к элементам, вы действительно заметите, что TD будет на 100px шире, чем div.

Answer 3

попробуйте это:

<td style="width:500px;">
  <div style="width:100%;">SomeContent</div>
</td>

если вы хотите, чтобы значение td было точным размером div, до МАКС. 500px, тогда попробуйте:

<td style="max-width:500px;">
  <div style="width:100%;">SomeContent</div>
</td>

Имея в виду, что IE6 не понимает максимальную ширину и просто заставит его быть 500px.

Answer 4

есть ли ширина на столе и другие тдс в таблице? Кроме того, у вас есть тип документа?

Однако, как говорится, вот ваше решение:

<td style="width: 500px">
  <div style="padding: 0 50px">SomeContent</div>
</td>

Настройка ваших отступов.

---

Перечитав ваш вопрос, я чувствую, что это может быть не тот ответ, который вы ищете. Не могли бы вы уточнить немного больше?