并列与嵌套div结构代码,Css代码库,德仔网

代码语言

代码分类

【Css】并列与嵌套div结构

作者:hephec / 发布于2015/3/5/ 808


	<!doctype html>
	<html lang="en">
	<head>
	 <meta charset="UTF-8">
	 <meta name="Generator" content="EditPlus&reg;">
	 <meta name="Author" content="">
	 <meta name="Keywords" content="">
	 <meta name="Description" content="">
	 <title>并列与嵌套div结构</title>
	 <style type="text/css">
	 *{
	 margin:0;
	 padding:0;
	 }
	 body{
	 background:blue;
	 }
	 #header{
	 margin:0 auto;
	 height:200px;
	 background:red;
	 }
	 #center{
	 margin:0 auto;
	 height:500px;
	 background:yellow;
	 }
	 #footer{
	 margin:0 auto;
	 height:200px;
	 background:pink;
	 }
	 #left #right{
	
	 }
	 #left{
	 background:green;
	 float:left;
	 height:500px;
	 width:50%;
	 margin-left:0px;
	 }
	 #right{
	 background:black;
	 float:left;
	 height:500px;
	 width:50%;
	 margin-right:0px;
	 }
	 </style>
	</head>
	<body>
	 <div id="header">头部</div>
	 <div id="center">
	 <div id="left">左分栏</div>
	 <div id="right">右分栏</div>
	 </div>
	 <div id="footer">底部</div>
	</body>
	</html>

试试其它关键字

　嵌套div结构　

同语言下

可能有用的

hephec贡献的其它代码(4)