CSS-div с динамическими данными, установите ширину равной X, если для него нет места на экранеCSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 CSS-div с динамическими данными, установите ширину равной X, если для него нет места на экране

Сообщение Anonymous »

У меня есть дочерний элемент div, заполненный динамическими данными. Поэтому его содержимое может растягиваться до 200, 1000 или 2000 пикселей.
Я бы не хотел, чтобы размер родительского элемента div превышал 1000 пикселей. Однако, если:
  • есть экранное пространство (например, тело HTML-страницы имеет размер 1000 пикселей или больше), я бы хотел, чтобы родительский элемент div был 1000 пикселей. , независимо от размера дочернего элемента div.
  • тело страницы меньше 1000 пикселей, я бы хотел, чтобы родительский элемент div занимал этот размер.
    < /ul> Проблема в том, что если:
  • я установил для .container значение maxWidth 1000 пикселей, а контейнер занимает 500 пикселей, он будет занимать только 500 пикселей, хотя есть место для заполнения всех 1250 пикселей.
  • Я установил для .container ширину
  • Я установил для .container ширину
  • код> из 1000 пикселей, когда тело имеет размер всего 500 пикселей, контейнер растянется до 1250 пикселей и приведет к обрезке реальной площади с помощью полос прокрутки.
Это так? Можно сказать, не позволяйте этому div становиться больше 1000 пикселей, однако, если родительский div имеет размер не менее 1000 пикселей, тогда используйте все 1000 пикселей, независимо от того, какие элементы div размер контента.

Подробнее здесь: https://stackoverflow.com/questions/793 ... -no-screen
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «CSS»