Можно ли сделать div-обертку неучитываемой (как будто элемента нет) на уровне стилей (css)?

Question

[ZaxapKramer]

Имеется проблема, которую уже достаточно долго пытался исправить, затем пришла мысль: а что, если все можно решить каким-то неведомым мне хаком на CSS.
Суть: имеется контейнер, в котором есть несколько div-элементов - оберток:

<section id="container">
	<div class="items-container">
		<div class="item" data-w="200" data-h="150"><img src="image1.jpg" alt=""></div>
		<div class="item" data-w="150" data-h="100"><img src="image1.jpg" alt=""></div>
		<!-- N "div"-elements with "img" -->
		<div class="item" data-w="250" data-h="250"><img src="image1.jpg" alt=""></div>
	</div>
	<div class="items-container">
		<div class="item" data-w="200" data-h="150"><img src="image1.jpg" alt=""></div>
		<div class="item" data-w="150" data-h="100"><img src="image1.jpg" alt=""></div>
		<!-- N "div"-elements with "img" -->
		<div class="item" data-w="250" data-h="250"><img src="image1.jpg" alt=""></div>
	</div>
</section>
<style>
.item {
	float: left;
	margin: 5px;
	overflow: hidden;
	position: relative
}
.item img {
	display: block;
	width: auto;
	height: 100%
}
</style>

Первое и последнее изображение во втором и первом контейнере соответственно находятся в разных блоках => не соприкасаются (не знаю, как правильнее объяснить), можно ли изменить это каким-то образом, используя стили? Например, задать какой-нибудь display: document-fragment. Необходимо сделать эти обертки буквально неучитываемыми, чтобы все работало так, будто "дети" контейнеров находятся вне их?

Answer 1

[Umid]

Эммм, position: absolute; ??

Comments

[Serj-One]

Вы отличная пара.

[ZaxapKramer]

А это что еще за зверь, не надо придумывать несуществующие решения? Serj-One, просто задал вопрос по существу: есть ли такой хак, о котором мне неизвестно.

[Ильдар Гизетдинов]

ты хотел сказать position?...

[Umid]

Ильдар Гизетдинов: Да. Совсем крыша поехала. Спасибо.