SOURCE

<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
	<style>
		#u {
			
			height: 90px;
			background: skyblue;
            margin-bottom:2px;
		}

		#l {
			width: 60px;
			height: 210px;
			background: #095;
            float: left;
            margin-right:2px;
            
		}

		#r {
			width: 238px;
			height: 210px;
			background: #ff0;
			float: left;
        margin-bottom:2px;
    
		}

		#d {
			clear: both;
			height: 40px;
			background: pink;
            
		}

		#c {
            width:300px;
			margin: 0 auto;
		}
	</style>
</head>

<body>
	<div id="c">
		<div id="u">上</div>
		<div id="l">左</div>
		<div id="r">右</div>
		<div id="d">下</div>
	</div>
</body>

</html>