常见 门户布局

论坛导读BBS GUIDE

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>标题</title>
	
</head>
<body>
	<style type="text/css">
	*{margin: 0px;padding:0px;}
	.wp{width: 1190px;margin: 0 auto;font-family: Microsoft Yahei;}
	#main{height: 650px;}
	#main #left{width: 880px;height: 650px;float: left;}
	#main #left p.title{color: #000;font-size: 26px;font-weight: 700;padding-bottom: 5px;border-bottom: 2px solid #e3e3e3;}
	#main #left p.title span{color: #aaa;padding-left: 10px;font-size: 16px;}

	#main #right{width: 300px;height: 650px;background:#66f;float: right;}
	</style>
	<div class="wp">
	<div id="main">
		<div id="left">
			<div class="box">
				<p class="title">论坛导读<span>BBS GUIDE</span></p>
			</div>
			<div>
				
			</div>

		</div>
		<div id="right"></div>
	</div>
	</div>
	<script type="text/javascript">
		alert('hello world!!!')
	</script>
</body>
</html>