一行三列DIV+CSS布局解析
发布时间：2010-05-29
一行三列DIV+CSS布局;这是昨天晚上做的一个例子；
CSS部分:
程序代码<style>
/* 子 鼠 www.zishu.cn */
body{margin:0px;padding:0px;font-size:12px; line-height:1.8;font-family: Verdana,宋体;}
#footer{background:#FF66CC;}
#header{ background:#FF3300;}
#footer,#header,#wrap{clear:both;}
#info{width:100%;background:#FF9900; float:left;}
#left{float:left;width:200px;background:#CC9966; }
#center{margin:0 200px;background:#666;}
#right{ margin-left:-200px; float:left; background:#CC6666; width:200px; }
</style>
DIV部分:
程序代码<div id="header">header</div>
<div id="wrap">
<div id="info">
<div id="left">left<</div>
<div id="center">富翁的儿子与朋友做生意，被骗了富翁的儿子与朋友做生意。富翁的儿子与朋友做生意，被骗了儿。富翁的儿子与朋友做生意，被骗了儿。富翁的儿子与朋友做生意，被骗了儿。富翁的儿子与朋友生骗了儿。富翁的儿子与朋友做生意，被骗了儿。
</div>
</div>
<div id="right">right</div>
</div>
<div id="footer">footer</div>
实例效果:
友情提示：全选代码复制运行，您也可以先修改部分代码再运行查看效果 。(责任编辑：admin)
本文仅代表作者观点,与个人站长网立场无关.
