Как отменить max-height overflow?

Question

[html-css]

Как отменить max-height overflow ?
Стоит для десктопа
максимальная высота блока + overflow
для мобилок пытаюсь отключить
max-height:auto;
overflow:auto; overflow:visible ;

высота не сбрасывается нихрена

Comments

[Rustam Bainazarov]

Код?

[html-css]

.block{max-height:400px; overflow-y:scroll;}

@media only screen and (max-width : 860px) {
.block{max-height:auto; overflow-y:visible ;}
}

пытался ставить
auto, none
не помогает

[Шохрух Шаймардонов]

Используйте @media для нужного разрешения и переопределите свойства

[html-css]

Шохрух Шаймардонов, выше смотрите

[Шохрух Шаймардонов]

html-css, так вы же используете max-height: auto как раз для мобилок

[html-css]

Шохрух Шаймардонов, читать умеете?
я пытаюсь сбросить свойства

[Шохрух Шаймардонов]

html-css, я то умею читать. Только вопрос неоднозначный получился. Вы говорите, что хотите сбросить, но уас авто. Поправьте если не так, вы сейчас хотите избавиться именно от этого?

[html-css]

Шохрух Шаймардонов,
извините за грубость
каким образом тогда сделать сброс максимальной высоты
ничего не действует
ни auto ни none

[ⓒⓢⓢ]

Как отменить max-height overflow?

В контексте css нет такого понятия, как "отменить" правило. Вам надо вернуть значение по умолчанию.
Чтобы найти значение по умолчанию для любого правила воспользуйтесь документацией по этому правилу

[Шохрух Шаймардонов]

html-css, пробуйте initial

Answer 1

[Сергей delphinpro]

https://developer.mozilla.org/en-US/docs/Web/CSS/m...

Нет значения auto, есть значение none.

UPD
А по-хорошему, вообще применяйте подход в верстке такой, чтобы не нужно было отменять свойства.

Если на мобильных значение свойства должно быть дефолтным, а на десктопе другим, то и меняйте его только на десктопе!

@media screen and (min-width : 861px) {
  .block { max-height:400px; overflow-y:scroll; }
}

Тогда и переопределять ничего не нужно будет.

Comments

[html-css]

писал выше
none не действует

[Rustam Bainazarov]

html-css, надеюсь, вы media-запрос пишите после основных стилей (по порядку следования)?

[Сергей delphinpro]

html-css, это вы конечно врёте. None не может не действовать — это валидное значение для свойства.
В любом случае, лучше воспользуйтесь советом из апдейта.

[html-css]

Сергей delphinpro, разве бы я сюда писал, если бы none выполнялось?

[Сергей delphinpro]

html-css, Вы сказали — не действует. т.е. свойство применено браузером, а не только написано вами в коде, но не срабатывает. Такое могло быть с невалидным значением.
Не выполняется (или не применяется) — это другое. Браузер не применяет свойство, потому что оно, например, перебивается каскадом или прописано не тому селектору.

Так вот, если свойство не применяется, нужно открыть инспектор и посмотреть, какие стили в каком порядке применяются к элементу и потом либо самому понять, почему не работает, либо задать вопрос сообществу, приложив скриншот из инспектора, чтобы люди не гадали на кофейной гуще, как это сейчас происходит, а указали на вполне конкретную причину глюка.

[html-css]

Сергей delphinpro,
извинте, уже не актуально
но при просмотре через инспектор максимальную высоту какого то х.. перечеркивает
ладно бы, если бы были подцеплены всякие бутстрапы и т.п, а тут чистый код
без всякой ебалы

[Сергей delphinpro]

html-css, Вооооот!
Перечеркивает — значит есть более специфичный стиль. Там же ищите неперечеркнутый стиль и смотрите, где он прописан. А потом выясняйте откуда он взялся и зачем.

Answer 2

[Dima Polos]

max-height: unset