关于div＋css的布局的问题

来源：百度知道 编辑：UC知道 时间：2024/06/24 07:30:05
在一个div块里怎么设计出三个div块.且这三个块之间要有间隔、呈水平对齐，能给出代码吗？谢谢了

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*{ margin:0; padding:0;}
body{ background:#000; font-size:12px; color:#f00;}
#contain{ width:1000px; height:auto; margin:0 auto;}
#leftContent,#middleContent,#rightContent{ float:left; height:700px;}
#leftContent{ width:190px; background:#0099CC; margin-right:10px;}
#middleContent{ width:600px; background:#FFFFCC; margin-right:10px;}
#rightContent{ width:190px; background:#CCCCFF;}
</style>
</head>

<body>
<div id="contain">
<div id="leftContent">左边的层</div>
<div id="middleContent">中间的层</div>
&