У меня проблема с контентом из div, например, если я помещаю таблицу внутри div и устанавливаю ширину (width:200px !important), для этого div таблица будет перезаписывать этот div. Итак, как можно сохранить весь контент внутри этого div?div ширина не работает?
скрипку пример: http://jsfiddle.net/ebG9N/45/
Вы можете установить заголовок white-space: nowrap; поэтому браузер не может разорвать заголовки, поэтому ширина таблицы будет больше, чем контейнер DIV.
Вы можете установить overflow: hidden;, чтобы разрезать переполненные части, или overflow: auto;, чтобы создать полосу прокрутки, но без них это правильный рендеринг.
Попробуйте использовать overflow:auto; в css из div.
Вы не можете просто ожидать, что он каким-то образом поместится в div любого размера, который вы пожелаете. Что вы можете сделать, это, по крайней мере, позволяют браузер для прокрутки (overflow: scroll) его с помощью:
div.divano{
width:200px !important;
border:2px solid yellow;
background:#eaeaea;
height:200px;
overflow: scroll;
}
Вы также можете использовать oveflow: hidden, но это было бы просто скрыть те части, которые не видны. Кроме того, overflow: scroll, всегда будет показывать полосу прокрутки (с или без обрезки). Вы можете использовать overflow: auto, чтобы указать, что содержимое нужно прокручивать, только если выполняется обрезка.
не переполнение решения: авто или скрыто или другое ..... – mcmwhfy
Существует два решения.
i) ЕСЛИ ВЫ хотите СТРОГО содержать таблицу WITHIN div, тогда overflow:auto; - это путь.
ii) НО, если вы передумали и хотите, чтобы WRAP div был равен ширине таблицы. display:table; - это путь.
Вообще-то его плохая идея содержать более широкий элемент в явно известном менее широком элементе.
Ширина div не может быть меньше ширины таблицы, вы хотите изменить размер таблицы до 200 пикселей? –
Ничего себе, какой беспорядок:/ – elclanrs
Кстати, вся часть '! Important' делает переопределяет свойства width, определенные в другом месте для данного div. Он НЕ дает «ширине» больше мощности. –