Positioner för floating div

ANttila · 2013-10-15, 17:23

HTML-kod:

<html>
<head>
	<style>
		body {
			margin: 0;
			padding: 0;
			width: 1000px;
		}
		.box {
			margin: 5%;
			height: 200px;
			width: 40%;
			float: left;
			display: block;
			position: relative;
		}
		.box:nth-child(odd) div {
			top: 75%;
		}
		.box div {
			width: 100%;
			height: 100%;
			position: absolute;
			background: blue;
		}
	</style>
</head>
<body>

	<div class="box">
		<div>
			test
		</div>
	</div>
	<div class="box">
		<div>
			test
		</div>
	</div>
	<div class="box">
		<div>
			test
		</div>
	</div>
	<div class="box">
		<div>
			test
		</div>
	</div>
	<div class="box">
		<div>
			test
		</div>
	</div>
	<div class="box">
		<div>
			test
		</div>
	</div>
	
</body>
</html>

Mitt fina hack av kod

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

Positioner för floating div