Как найти эквивалент max-width?

Question

[ChrisMenschenin]

Здравствуйте.
Свойство max-width не работает, если элемент удалён из потока, можно ли его заменить каким-то другим свойством? Проценты, к сожалению, не могу использовать.
Спасибо

Comments

[Astrohas]

Залейте код на jsfiddle, экстрасеенсов тут нет

[ChrisMenschenin]

Хасан Истамкулов: https://jsfiddle.net/GeniusG/3xo45sab/1/

Answer 1

[Astrohas]

max-width нужен для ограничения ширины блока. Если у блока не указан width то max-width работать не будет.

Comments

[ChrisMenschenin]

Ну тогда чем полезен max-width, если указан width?

[Astrohas]

ChrisMenschenin: напишите width: 9999px и max-width будет работать. Костыль конечно, но все же

[ChrisMenschenin]

https://jsfiddle.net/GeniusG/3xo45sab/1/

[ChrisMenschenin]

Хасан Истамкулов: а можете указать лучший вариант?

[ChrisMenschenin]

Хасан Истамкулов: я хочу чтобы при уменьшении окна section, aside и footer также меняли ширину

[ChrisMenschenin]

Хасан Истамкулов: При добавлении width: 9999px действительно работает, но ширина остаётся фиксированной

[ChrisMenschenin]

Так что с моим кодом? Не могли бы там добавить то, что надо?

[Astrohas]

ChrisMenschenin: не могли бы вы указать чего именно вам хочется?

[ChrisMenschenin]

Хасан Истамкулов: я хочу чтобы при уменьшении окна section, aside и footer также меняли ширину

[ChrisMenschenin]

Хасан Истамкулов: в section, aside, footer находятся изображения

[ChrisMenschenin]

Хасан Истамкулов: от значаения длины этих блоков зависит и высота (которая задаётся через padding-top)

[Astrohas]

ChrisMenschenin: так задавайте ширину в процентах если вам нужна резина.
Не стал разбирать ваш ссс, больно он запутан.
Примерно что вам нужно

.horizontal-wraper>.horizontal.image-1+.horizontal.image-2^+.footer

.horisontal{
  
  &-wrapper{
 
  }
  width: 50%;
  min-width: 300px; //минимальная ширина
  max-width: 1280px;
  &:after{
      content: "";
     display: table;
    clear: both;
}

}

[Ankhena]

Если у блока не указан width то max-width работать не будет.

Прям вот так, безапелляционно?
https://jsfiddle.net/nafhmo33/ никакого width не задано, но max-width прекрасно работает.

[Astrohas]

Ankhena W: а теперь задайте float: left и уберите контент и смотрите

[Ankhena]

Хасан Истамкулов: float ничего не изменит. Убрать контент изменит. А значит безусловно говорить о том, что обязательно нужна ширина нельзя. Либо ширина либо содержимое.
Формулируйте ответы грамотно.
А то потом такие мифы суперские появляются, что голова кругом идет.

[Astrohas]

Ankhena W:Автор вопроса хотел использовать max-width как width. Дело в том что когда элемент убирается из потока, ширина его становится не явной. В этом случае нужно указать Width чтобы ширина стала фиксированной. Вот к примеру https://jsfiddle.net/nafhmo33/2/ при малом контенте ширина становится меньше. Мой ответ был конкретно на вопрос Почему amx-width не работает на флоатах

Answer 2

[Андрей]

Все работает как и должно:
https://jsfiddle.net/0mk12sc6/4/

Comments

[ChrisMenschenin]

При float у меня не работало

[ChrisMenschenin]

не знаю, почему здесь сработало.

[ChrisMenschenin]

section, aside, footer {
    float: left;
    display: block;
    width: 635px;
    margin-bottom: 8px;}

<section>
                             <div></div>
                         </section>
                         <aside>
                             <div></div>
                         </aside>
                         <footer>
                             <div></div>
                         </footer>

Answer 3

[Froggyweb]

vax-width работает всегда. где код?

Comments

[Astrohas]

vax?

[Froggyweb]

Хасан Истамкулов: молодец! промахнулся на телефоне или просто промахнулся в каких случаях не работает max-width можешь рассказать?

[ChrisMenschenin]

section, aside, footer {
    float: left;
    display: block;
    width: 635px;
    margin-bottom: 8px;}

<section>
                             <div></div>
                         </section>
                         <aside>
                             <div></div>
                         </aside>
                         <footer>
                             <div></div>
                         </footer>

[Astrohas]

Froggyweb: ну к примеру если не указан width

[Froggyweb]

ChrisMenschenin: ну родители схлопывться будут (нулевая высота). каким боком здесь max-width

[Froggyweb]

ну к примеру если не указан width
Хасан Истамкулов: и что msx-width не будет выполняться?

[Froggyweb]

Хасан Истамкулов: https://codepen.io/anon/pen/dzoWRv
что не работает?

[ChrisMenschenin]

Froggyweb: Посмотри на мой код, там не работает https://jsfiddle.net/GeniusG/3xo45sab/1/

[Astrohas]

Froggyweb: да ну нафиг, чувак ты открыл мне глаза

[ChrisMenschenin]

Froggyweb: Не могли бы вы посмотреть его и исправить при возможности?