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

html-css06

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

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

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

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

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

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

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

可以用position:fixedbottom:0z-index:999试试看能不能达到你想要的效果。

如果达不到可能我理解错了,可以追问。

希望可以帮到你!

、首先新建一个html页面,然后在这个html代码页面创建一个<div>标签,同时给这个<div>添加一个class类为footer。

2、然后设置footer类,把div固定在底部。创建<style>标签,在该标签内设置通过position: fixedbottom:0设置footer类样式,把div固定在底部。

css样式代码:

.footer{

height: 100px

width: 100%

background-color: #ddd

position: fixed

bottom: 0

}

3、保存html代码,然后使用浏览器打开即可看到不管如何放大缩小浏览器div都是固定在底部的。