DIV CSS中content分为上下两部分,分别用什么定义

html-css010

DIV CSS中content分为上下两部分,分别用什么定义,第1张

你说的内容区吗?如果是内容区分成两部分可以这样做

第一种:

<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

}