DIV+CSS布局问题,让两个DIV标签并排

html-css020

DIV+CSS布局问题,让两个DIV标签并排,第1张

假设

apDiv1是外面的层,apDiv2,apDiv3是里面的,给apDiv2,apDiv3

设置浮动为左就可以了,

还有当apDiv2的宽度加上apDiv3的宽度大于apDiv1的宽度是,apDiv3会跑到apDiv2下面,这时可以改它们的宽度。

#apDiv1

{

position:absolute

left:21px

top:14px

width:585px

height:282px

z-index:1

background-color:

#0000FF

}

#apDiv2

{

float:left

width:242px

height:98px

z-index:2

background-color:

#993300

}

#apDiv3

{

float:left

width:254px

height:113px

z-index:3

background-color:

#CCCC00

}

background:#ffc/* 对firefox有效*/

*background:#ccc/* 对ie7有效 */

_background:#000/* 只对ie6有效 */

1,貌似你是利用Dreamweaver的设计视图来布局页面的,而不是在代码视图里写HTML和CSS代码?

2.AP div 是绝对定位的层,它与一般的<div></div>元素相比,位置是固定的,在Dreamweaver软件里可以直接设置可见/隐藏以及Z轴位置,所以定位它,只适合在你目前显示器的分辨率下,拖动它,程序就自动添加它的top/left属性,没有灵活性与适应性。

3.层要想设置100%,居中,就需要用到相对定位。建议自己学习一些HTML和CSS代码。

比如:1.背景做平铺宽设为100%高也设为100%:直接修改<body>标签的属性。

<body style="">

2.怎么设置margin居中.

首先,你要设置成居中的元素要处在一个大小明确的外框中,才可以使用style="margin:0 auto"来居中。

3.怎么设置相对位置的

div元素的position属性的几个取值定义:

position: static、absolute、relative

static : 默认值。如果没有指定position属性,支持position属性的html对象都是默认为static。

relative: 相对定位。这个属性值保持对象所在文档流中的位置,也就是说它具有和static相同的呈现方式,它同样占有在文档流中的固定位置,后面的对象不会侵占或覆盖。

absolute: 绝对定位。也就是你的AP元素所默认加上的一个属性值。