Как сделать, чтобы html в div не выходил за ширину самого div'a?

Question

[KOPC1886]

Всем привет.

Как сделать, чтобы html в div не выходил за ширину самого div'a ?

Есть некий html, который приходит с сервера и вставляется в div. Надо сделать так, чтобы этот html не выходил за границы (по ширине) самого div'a.

Answer 1

[Deodatuss]

overflow: hidden

Comments

[KOPC1886]

Deodatuss тогда будет полоса прокрутки, а она не нужна.

[Дмитрий]

KOPC1886: полоса будет при overflow: auto; а overflow: hidden не будет никаких полос.

[KOPC1886]

Дмитрий: но тогда текст то скроется.

[Дмитрий]

KOPC1886: тогда вы ставите вопрос (просьбу помочь) некорректно. Вам надо было написать, каким образом рассчитать ширину контента, чтобы расширить (сузить) DIV до нужного значения width.

[KOPC1886]

Дмитрий: сам div с фиксированной шириной. Ее нельзя ни увеличивать, ни уменьшать.

[Дмитрий]

KOPC1886: значит приходящий контент не может физически сжаться (css white-space для текста, или !important задание ширины для внутренних элементов). Надо искать причину. Откройте chrome tools / firebug после отработки ajax и посмотрите, что в диве находится. Можно по очереди удалять блоки прямо в отладчике и смотреть - исчезнет ли полоса прокрутки. Как только найдете блок, после удаления которого скролл исчез, смотрите на содержимое этого блока, на свойства css

Answer 2

[Александр Аксентьев]

overflow?

Comments

[KOPC1886]

Александр Аксентьев тогда будет полоса прокрутки, а она не нужна.

[Златослав Десятников]

KOPC1886: не будет полосы.

[KOPC1886]

Златослав Десятников: но тогда текст то скроется.

Answer 3

[Verzzil Verz]

overflow: hidden или scroll;