第一种:
<div id="content">
<div class="A">上半部分</div>
<div class="B">下半部分</div>
</div>
第二种:
<div id="content">
<dl class="A">上半部分</dl>
<dl class="B">下半部分</dl>
</div>
等等,只要实现了功能用什么标签都可以,看个人的喜好,我是比较喜欢第二种形式的,好区分,太多的DIV容易凌乱!(个人认为)
用百分比来做,比如html如下
<div class="demo"><div class="box">1</div>
<div class="box">2</div>
<div class="box">3</div>
</div>
css如下
.demo{width: 1000pxheight: 300px}.box{width: 100%height: 33.3%}
效果就是demo被box均分为3个宽1000高100的三个块,当然,3个33.3%是不能完全达到百分百,但在显示界面基本看不出什么了
给ul设置一个固定的宽度就可以了:#container #menu ul{
width:1000px
list-style:none
margin:0 auto
padding:0
}
#container #menu li{
text-indent:60px
float: left
margin:11px 20px 20px 0
}