Web设计 CSS布局的定位（绝对定位和是相对定位）

最新推荐文章于 2024-10-18 21:23:17 发布

daviszr_1979

最新推荐文章于 2024-10-18 21:23:17 发布

阅读量363

点赞数

分类专栏：网站设计文章标签： css web div border

网站设计专栏收录该内容

4 篇文章 0 订阅

订阅专栏

有个问题，div+css的页面，

1 最外层div的position是absolute还是relative？

最外层的div居中。

position:relative;

Margin-top,Margin-bottom:0;

Margin-left,Margin-right:auto;

为了防止div出现超过网页宽度的情况，应该强制设定div的宽度。

width:10cm;

2 div内层各个div间是absolute还是relative？

内层的div是relative。

3 div内部的控件是是absolute还是relative？

最内层的控件是relative。

一个例子：

<mce:style></mce:style><style mce_bogus="1">#wrap{ width:500px; background-color: red; height:auto; } #column1{ position:absolute; top:0px; left:0px; width:300px; background-color: green; } #column2{ position:relative; top:0px; left:0px; width:470px; background-color: #FFFF66; }</style> <body style="border:4px blue dotted" mce_style="border:4px blue dotted"> /*这里我用框框出来,好识别*/ <div id="wrap"> <div id="column1">这里是第一列</div> <div id="column2">这里是第二列</div> </div> </body>

具体描述请看这篇文章。

http://blog.csdn.net/xiaozhao_19/archive/2008/03/23/2211036.aspx