学习DIV+CSS⼀个最简单的布局⼀⾏三列DIV代码!
CSS代码如下：
body{
text-align:center;
margin:0px;
padding:0px;
}
#father
{
position:relative;
width:750px;
text-align:center;
}
#banner{height:96px;background-color:#999;text-align:left; padding:0px;margin:0px;}
#b-left{width:159px;margin:0px;padding:0px;float:left;}
#b-center{margin:0px;float:left;}
#b-right{
text-align:left;
marign:0px;
padding:0px;
width:108px;
background-color:#00ffff;
text align center
height:96px;
float:right;
}
HTML代码如下：
<div id=banner>
<div id=b-left> <img src="images/51.gif" /> </div>
<div id=b-center><img  src="images/tupian26.gif" /></div>
<div id=b-right>
<ul >
<br />
<li>设为⾸页</li>
<li>加⼊收藏</li>
<li></li>
</ul>
</div>
</div>
现在总结⼀下：
⼀⾏三列的布局有以下⼏种思想：
第⼀都做成绝对的布局，设定每⼀个块和周围的距离
第⼆就是利⽤嵌套的⽅法，把任意两个先当成⼀个，然后再把他们和第三个⼀起设！不过我这⾥好像直接把三个块都是分开设的，好像也没有问题！呵呵！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。