Заставить работать min-width,max-width в %

@koza4ok · Регистрация: 19.09.2012

Студворк — интернет-сервис помощи студентам

HTML5
1
2
3
4
5
<table>
    <td class="left">&nbsp;</td>
    <td class="middle">&nbsp;</td>
    <td class="right">&nbsp;</td>
</table>

CSS
1
2
3
4
table{width:100%;border:1px solid red;height:100px;}
.left{background:red;min-width:90%;}
.middle{background:orange}
.right{background:blue;}

Почему не работает min-width:90%; или как можно обойти эту проблему?Если минималка указана в px-все работает.Спасибо Вам.

@conformist · 01.02.2013, 17:41

задайте родительским элементам ширину (body,html), чтобы браузер смог пересчитать в пиксели и тогда уже он сможет взять ваши 90%

@koza4ok · 01.02.2013, 17:51 **[ТС]**

родителем таблици есть body,html{width:100%} -по умолчанию.
Даже если огорнуть таблицу еще в 1 див, то ничего не поменяется.

@conformist · 01.02.2013, 17:54

посмотрите тут

@koza4ok · 01.02.2013, 18:17 **[ТС]**

Полезная информация,но нужно заставить эмулировать.Костыль нужен.

@sKotenok · 01.02.2013, 21:40

min-width/max-width не применим к таблицам, ибо те растягиваюся по своим правилам!

Поясни, зачем могло именно min-width понадобиться в процентах? И чем просто width не устраивает?

@newJS · 02.02.2013, 05:50

10.4 Минимальная и максимальная ширина: 'min-width' и 'max-width'

Кликните здесь для просмотра всего текста

10.4 Минимальная и максимальная ширина: 'min-width' и 'max-width'
'min-width'
Значение: <length> | <percentage> | inherit
Начальное: зависит от ПА
Применяется: ко всем элементам, за исключением незамещаемых инлайн элементов и элементов таблицы
Наследуется: нет
Процентное: относительно ширины содержащего блока
Носитель: визуальный

'max-width'
Значение: <length> | <percentage> | none | inherit
Начальное: none
Применяется: ко всем элементам, за исключением незамещаемых инлайн элементов и элементов таблицы
Наследуется: нет
Процентное: относительно ширины содержащего блока
Носитель: визуальный

Эти два свойства позволяют авторам ограничить ширину бокса определёнными рамками.
Значения имеют следующий смысл:

<length>
Специфицирует фиксированную минимальную и максимальную вычисленную ширину.
<percentage>
Специфицирует проценты для определения вычисленного значения. Проценты высчитываются относительно ширины содержащего блока генерируемого бокса.
none
(Только для 'max-width') Нет ограничений на ширину бокса.
Следующий алгоритм описывает, как эти два свойства воздействуют на вычисленное значение свойства 'width':

Ширина вычисляется (без 'min-width' и 'max-width') по вышеприведённым правилам "Вычисление ширины и полей".
Если вычисленное значение 'min-width' больше, чем значение 'max-width', то 'max-width' устанавливается в значение 'min-width'.
Если вычисленная ширина больше, чем 'max-width', вышеприведённые правила применяются вновь, но на этот раз с использованием значения 'max-width' как специфицированного для 'width'.
Если вычисленная ширина меньше, чем 'min-width', вышеприведённые правила применяются вновь, но на этот раз с использованием значения 'min-width' как специфицированного для 'width'.
ПА может определить неотрицательное минимальное значение для свойства 'min-width', которое (значение) может варьироваться от элемента к элементу и даже зависеть от других свойств. Если 'min-width' выходит за нижнюю границу этого лимита из-за того, что было установлено явно, или из-за того, что оно 'auto' и вышеприведённые правила сделают его слишком маленьким, ПА может использовать минимальное значение как вычисленное значение.

10.7 Минимальная и максимальная высота: 'min-height' и 'max-height'

Кликните здесь для просмотра всего текста

10.7 Минимальная и максимальная высота: 'min-height' и 'max-height'
Иногда необходимо ограничить высоту элементов определёнными рамками. Два свойства выполняют эту функцию:

'min-height'
Значение: <length> | <percentage> | inherit
Начальное: 0
Применяется: ко всем элементам, за исключением незамещаемых инлайн-элементов и элементов таблицы
Наследуется: нет
Процентное: относительно высоты содержащего блока
Носитель: визуальный

'max-height'
Значение: <length> | <percentage> | none | inherit
Начальное: none
Применяется: ко всем элементам, за исключением незамещаемых инлайн-элементов и элементов таблицы
Наследуется: нет
Процентное: относительно высоты содержащего блока
Носитель: визуальный

Эти два свойства позволяют авторам ограничить высоту боксов определённым диапазоном. Значения имеют следующий смысл:

<length>
Специфицирует фиксированный минимум и максимум вычисленной высоты.
<percentage>
Специфицирует проценты для определения вычисленного значения. Проценты высчитываются относительно высоты содержащего блока генерируемого бокса. Если высота содержащего блока не специфицирована явно (т.е. зависит от высоты содержимого), процентные значения интерпретируются так же, как 'auto'.
none
(Только для 'max-height') Высота бокса не ограничена.
Следующий алгоритм описывает, как эти два свойства вводят вычисленное значение свойства 'height':

Высота вычисляется (без 'min-height' и 'max-height') по вышеприведённым правилам в "Вычислении высоты и полей".
Если вычисленное значение 'min-height' больше значения 'max-height', 'max-height' устанавливается в значение 'min-height'.
Если вычисленная высота больше, чем 'max-height', вновь применяются вышеприведённые правила, но на этот раз с использованием значения 'max-height' как специфицированного значения для 'height'.
Если вычисленная высота меньше, чем 'min-height', вновь применяются вышеприведённые правила, но на этот раз с использованием значения 'min-height' как специфицированного значения для 'height'.

@koza4ok · 02.02.2013, 09:34 **[ТС]**

Всем спасибо за внимание к вопросу.

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@conformist O tempora, o mores! 238 / 172 / 13 Регистрация: 15.01.2012 Сообщений: 681
	01.02.2013, 17:41
	задайте родительским элементам ширину (body,html), чтобы браузер смог пересчитать в пиксели и тогда уже он сможет взять ваши 90% 0

@koza4ok 632 / 440 / 67 Регистрация: 19.09.2012 Сообщений: 1,632
	01.02.2013, 17:51 [ТС]
	родителем таблици есть body,html{width:100%} -по умолчанию. Даже если огорнуть таблицу еще в 1 див, то ничего не поменяется. 0

@conformist O tempora, o mores! 238 / 172 / 13 Регистрация: 15.01.2012 Сообщений: 681
	01.02.2013, 17:54
	посмотрите тут 1

@koza4ok 632 / 440 / 67 Регистрация: 19.09.2012 Сообщений: 1,632
	01.02.2013, 18:17 [ТС]
	Полезная информация,но нужно заставить эмулировать.Костыль нужен. 0

@sKotenok 363 / 334 / 38 Регистрация: 29.03.2011 Сообщений: 838
	01.02.2013, 21:40
	min-width/max-width не применим к таблицам, ибо те растягиваюся по своим правилам! Поясни, зачем могло именно min-width понадобиться в процентах? И чем просто width не устраивает? 1

@koza4ok 632 / 440 / 67 Регистрация: 19.09.2012 Сообщений: 1,632
	02.02.2013, 09:34 [ТС]
	Всем спасибо за внимание к вопросу. 0