并列与嵌套div结构

用户注册

投稿取消

文章分类:

还能输入300字

上传中....

热门文章更多>>

标签更多>>

word左右居中纵向分布 word左右居中对齐 word左右居中对齐怎么设置 word标题回车后为正文 word标题回车后直接分页 word标题回车后中间空了好大一段 word里面行距怎么调整无法缩小 word里面行距一直很大 word里面行距怎么设置在哪里 word试卷格式文档怎么打印 word试卷格式排版 word中隐藏文字打印 word中隐藏文字快捷键 word中隐藏文字在哪里

专题更多>>

最新文章更多>>

长长de我

并列与嵌套div结构

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus?">
  <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>