Задать вопрос
@sirinotapple
css

Как вынести елемент за предел родителя?

Здравствуйте, у меня есть зеленая полоска и она должна быть ниже (под wrapper)
как это сделать
<!DOCTYPE html>

<body>
	<div class="wrapper">
		<button> button
			<div class="container"></div>
		</button>
	</div>
</body>
<style>
	.wrapper {
		overflow: hidden;
	}

	button {
		color: red;

		position: relative;
		height: 100px;
	}

	.container {
		position: fixed;
		width: 10px;
		height: 100px;
		background: green;
	}
</style>

</html>

https://jsfiddle.net/unknowne/wtqjrm8z/1/
  • Вопрос задан
  • 108 просмотров
8 комментариев
Подписаться 1 Простой 8 комментариев
Пригласить эксперта
Ответы на вопрос 1
@SeptemberOlya
Поясните, что Вам именно надо, так как вы родителя задали overflow: hidden, так это св-во обрезает всё, что находится за пределами родителя.

Но вот Вам посмотреть, подумать: https://jsfiddle.net/2oaxchzu/3/
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Trainee - IT Support
move2usajobs LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Записать рекламные видео креативы для мобильной игры
25 нояб. 2024, в 05:56
3000 руб./за проект
Аудит и поддержка проекта внедрению виртуальной архитектуры (АСУ ТП)
25 нояб. 2024, в 03:04
500000 руб./за проект
Сделать простой лендинг
25 нояб. 2024, в 02:45
2000 руб./за проект
Ещё заказы