css的绝对布局问题,怎么让子元素置于底部?

html-css012

css的绝对布局问题,怎么让子元素置于底部?,第1张

1、首先设置要了解网页页面布局框架结构,设定宽高和边框,以及设置好class或者ID名称。

2、打开Dreamweaver CS5,点击新建HTML。

3、根据设定的网页布局,设置div网页结构。

4、添加div标签的class名称,这里也可以使用ID类名。

5、 编辑CSS控制div块的宽高和背景。

6、 这样就可以让子元素置于底部。

本来就是越靠后的元素其层级越高啊,这是正常现象。当未进行绝对定位的,所有图片都在同一层面,所以没有问题,进行绝对定位后,所有图片都变为漂浮层,这样后面的图片肯定就会覆盖前面的图片了。你可以通过设定z-index来人为改变这种顺序,比如有10张图片,那么你把第一张图片设为z-index:10,第二张图片设为z-index:9,……第10张图片设为z-index:1,这样图片的顺序就如你所想了。

不要使用绝对定位,这种功能局限性很强,绝对定位就是说不管什么情况,被定位的块都会在页面的一个地方显示,但是要让某块始终位于最下方,LZ已经考虑了它相对与其他块的位置,所以我建议LZ使用相对位置,这是HTML编写的习惯问题,也是页面设计的第一步,要把所要安排的层按照从上到下从左到右的顺序来写,当你写完所有的层以后,剩下的层自然就在最下面了,然后就可以设置相对位置和每个层的大小等具体属性了,如有不懂可以再问。