Matcha <div> höjd (float)

Weaver · 2010-06-07, 23:34

Det går inte. Du kan inte få en div att följa storleken av en annan div.

Men om du har detta kravet för rent grafiska ändamål kan du fejka det med Faux Columns (http://www.alistapart.com/articles/fauxcolumns/)

dAEk · 2010-06-07, 23:41

HTML-kod:

<!doctype html>
<html>
<head>
	<title>untitled</title>
	
	<style>
		html, body { 
			height:  100%; 
			margin:  0;
			padding: 0;
		}
		
		#wrapper {
			display: table;
			width: 960px;
			background: #eee;
			border: 1px dotted #aaa;
			margin: 0 auto;
		}
		
		.column {
			display: table-cell;
			height: 100%;
		}
		.column.one {
			background: #222;
			color: #fff;
		}
		.column.two {
			background: #888;
			color: #000;
		}
	</style>
</head>

<body>
	
	<div id="wrapper">
		<div class="column one">
			foo
		</div>
		<div class="column two">
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
			<p>bar baz</p>
		</div>
	</div>
	
</body>
</html>

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

Menu

Matcha <div> höjd (float)