как сделать блок <div></div> всегда видимым, независимо в каких он находится условиях

Без имени, 71 просмотр

Примечание:
Я немного уточню условия:

Есть такой html:

<div class="parent">
<div class="children"></div>
</div>

и такой css:

.parent{
overflow: hidden;
position: relative;
width: 100px;
height: 100px;
display: block;
}

.children{
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 200px;
display: block;
}

и вопрос такой: как сделать чтобы children не обрезался?

Примечание:
ребята пожалуйста не спрашивайте меня зачем мне это надо)

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

Ответы:

slo_nik

>>>...находится условиях

Без имени

подозреваю, что имеете ввиду z-index
смотрите свойство css z-index
заодно и свойство display гляньте

Без имени

Если бы вы еще уточнили, что вы хотите получить в итоге...
У вас вложенный див (children) имеет высоту 200px при том что родительский див имеет высоту 100px и свойство overflow: hidden; которое и обозначает, что надо скрывать вложенный контент который выходит за границы этого родительского дива. Да и с позиционированием вы тут намудрили и свойство display по сути тоже лишнее так как по умолчанию для дива оно и так block.
В общем открывайте справочник по css и детально смотрите что у вас написано.

11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.