解答例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
<style>
div#center{
	width:250px;
	height:250px;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-125px;
	margin-left:-125px;
}
div#left{
	width:250px;
	height:250px;
	position:absolute;
	top:-150px;
	left:-150px;
	background-color:#FF0000;
}
div#center2{
	width:250px;
	height:250px;
	background-color:#0000FF;
	position:relative;
}
div#right{
	width:250px;
	height:250px;
	position:absolute;
	top:150px;
	left:150px;
	background-color:#00FF00;
}
</style>
</head>
<body>
<div id="center">
	<div id="left">

	</div>
	<div id="center2">
	
	</div>
	<div id="right">

	</div>
</div>
</body>
</html>
inserted by FC2 system