手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

怎么让DIV在另一个DIV里靠底部显示

时间:2024-10-13 02:22:38

1、打开sublime text 3,新建一个HTML文档,并且编写基本的框架。

怎么让DIV在另一个DIV里靠底部显示

2、新建一个CSS文档,并且与HTML文档进行关联。

怎么让DIV在另一个DIV里靠底部显示

3、这里先把DIV嵌套写出来,并且赋给class。

怎么让DIV在另一个DIV里靠底部显示

4、现在给两个DIV设置样式,可以看到DIV会自动在上方显示。

怎么让DIV在另一个DIV里靠底部显示
怎么让DIV在另一个DIV里靠底部显示

5、我们可以让父DIV设置relative,子DIV设置absolute来让它到底部显示。

怎么让DIV在另一个DIV里靠底部显示
怎么让DIV在另一个DIV里靠底部显示

6、当然也可以直接让子DIV用relative进行位置的偏移,效果是一样的。

怎么让DIV在另一个DIV里靠底部显示
© 手抄报圈