Не учитывать дочерним элементом абсолютного или релативного позиционирования родительского элемента

08.03.2015, 19:01. Показов 1101. Ответов 0

Метки нет (Все метки)

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

Здравствуйте!

Есть такой пример:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<style type="text/css">
    .parent
    {
        height:100px;
        position:absolute; /* или position:relative; */
        width:100px;
    }
    .children
    {
        height:100%;
        position:absolute; /* или position:relative; */
        width:100%;
    }
</style>
 
<div class="parent">
    <div class="children"></div>
</div>

Каким образом запретить учитывать размеры родителя при абсолютных или релативных размеров у дочернего элемента?

Вариант, удалить или написать статичные размеры - не вариант.

Спасибо!

IT_Exp

Эксперт

34794 / 4073 / 2104

Регистрация: 17.06.2006

Сообщений: 32,602

Блог

08.03.2015, 19:01

Ответы с готовыми решениями:

Нюанс абсолютного позиционирования
При изменении свойства position элемента header c relative на absolute сразу уменьшается ширина шапки. И не понятно почему !? ...

При использовании абсолютного позиционирования не работает свойство bottom
когда указываю какому-либо div'у параметр bottom: 0 он просто исчезает, при этом top: 0 работает как и должен #circle_mas{ ...

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

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

BasicMan

Эксперт

29316 / 5623 / 2384

Регистрация: 17.02.2009

Сообщений: 30,364

Блог

08.03.2015, 19:01

Помогаю со студенческими работами здесь

Растяжение inline-block-элементом родительского элемента по вертикали на величину, превышающую line-height
Приветствую читателей данной темы! При изучении поведения элементов веб-страницы возник вопрос. В диве с классом wrapper имеются несколько...

Прижать элемент к низу родительского без позиционирования
Как прижать элемент к правому нижнему углу родительского не используя position(top, left... тоже нельзя)?

Доступ к дочерним классам из родительского
Многим известно, что родительский класс ничего не должен знать о своих потомках. Упоминание дочерних классов в родительском считается...

Использование родительского метода с дочерним параметром
Добрый день. Есть 2 класса: родительский и дочерний. В родительском классе обьявлен метод который принимает родительский тип, и возвращает...

Найти строки, квадрат первого элемента которых меньше абсолютного значения второго элемента
Для матрицы из 2 столбцов и 9 строк отпечатать номер каждой строки, квадрат первого элемента которой меньше абсолютного значения второго...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

Наверх