CSS浮动

最新推荐文章于 2024-10-15 23:52:46 发布

原创最新推荐文章于 2024-10-15 23:52:46 发布 · 599 阅读

0 ·

CC 4.0 BY-SA版权

参照dreamweaver模板，CSS的布局，以及浮动的特性，参考代码

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #F3F3F3;
}
#container {
	width:1100px;
	border:1px solid red;
	padding:2px;
	background-color:#333;
	margin:0 auto;
}
#head {
	height: 180px;
	color: white;
	float:left;
}
#sidebar {
	width: 100%;
	float: left;
	background-color: #8090AB;
	color: white;
}

#content {
	float: left;
	border: 1px solid yellow;
	width: 100%;
	background-color: white;
	color: blue;
}

#foot {
	width: 100%;
	clear:both;
	height: 47px;
	background-color: #EFF0FC;
	border: 1px solid silver;
	color: black;
	font-size: 14px;
}