Возможно ли, что class="box" был только дочерним class="container" ? Я имею в виду, что наследуется абсолютная позиция от «контейнера», но не от «Обертки».
HTML
CSS
5
Для размещения коробки относительно контейнера вы либо устанавливаете position: relative; на контейнере , или, как в примере ниже, удалите слева / сверху на коробке дать браузеру возможность интерпретировать, как расположить поле .
Зарегистрируйтесь, используя адрес электронной почты и пароль
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
html - элемент с абсолютной позицией для наследования всего стиля родителя
Задать вопрос
спросил
Изменено
5 лет, 4 месяца назад
Просмотрено
1к раз
Я понял, почему наследование не сработало, скажем, ширина родительского контейнера составляет 20% от тела, и если я скажу наследовать эту ширину, это означает, что дочерний элемент будет 20% от 20%, поэтому я знаю, почему это не сработало, теперь мой вопрос: могу ли я заставить свой элемент с абсолютным позиционированием наследовать весь стиль от родителя.
Я пытаюсь создать раскрывающееся меню на двух уровнях, чем обычно, я запутался, потому что, как только я дал абсолютную позицию своему раскрывающемуся списку, они не наследуют стиль от родительского контейнера.
Меня немного смутил этот момент, поэтому я использую наследуемое значение для ширины и фона; для фона это работает, но не для ширины; чем я запутался больше, поэтому я решил опубликовать это здесь.
Мой вопрос: почему ширина 100% работает, а не наследуется,
и мой другой вопрос: как я могу заставить свой div с абсолютным позиционированием наследовать весь стиль от родителя,
Короче говоря, я в порядке, когда он выходит из нормального потока, но я не хочу, чтобы он вел себя как сирота.
/*основной стиль не требует внимания*/
*{
семейство шрифтов: Helvetica;
маржа: 0;
заполнение: 0;
тип стиля списка: нет;
размер шрифта: 20 пикселей;
}
а {
текстовое оформление: нет;
}
. меню{
дисплей: гибкий;
}
.меню >ли{
гибкий: 1;
фон:красный;
поле слева: 1px;
}
.меню2{
должность: родственница;
}
/*Этот стиль сбивает с толку, как только я укажу эту позицию
абсолютный, моя ширина раскрывающегося списка не равна его контейнеру,
он не наследует цвет фона и ширину,
### Думаю, все дело в абсолютном позиционировании
выведет ваш элемент из нормального потока###
*/
.выпадающий-1{
положение: абсолютное;
width:inherit;/*width:100% будет работать, почему?*/
фон: наследовать;
}
.выпадающий-2 {
положение: абсолютное;
width:inherit;/*width:100% будет работать, почему?*/
фон: наследовать;
}
html
css
absolute
попробуйте это,
background-color:inherit !important;
2
вы используете свойство наследования, но в родительских элементах нет свойства ширины. Добавьте ширину 100% в родительский класс menu2, чтобы заставить его работать
/*базовый стиль, не нужно обращать внимание*/
*{
семейство шрифтов: Helvetica;
маржа: 0;
заполнение: 0;
тип стиля списка: нет;
размер шрифта: 20 пикселей;
}
а {
текстовое оформление: нет; } .
меню{
дисплей: гибкий;
}
.меню >ли{
гибкий: 1;
фон:красный;
поле слева: 1px;
}
.меню2{
должность: родственница;
}
/*Этот стиль сбивает с толку, как только я укажу эту позицию
абсолютный, моя ширина раскрывающегося списка не равна его контейнеру,
он не наследует цвет фона и ширину,
### Думаю, все дело в абсолютном позиционировании
выведет ваш элемент из нормального потока###
*/
.выпадающий-1{
положение: абсолютное;
width:inherit;/*width:100% будет работать, почему?*/
фон: наследовать;
}
.выпадающий-2 {
положение: абсолютное;
width:inherit;/*width:100% будет работать, почему?*/
фон: наследовать;
}
