如何让DIV在页面最底部 - css吧

level 3

ysq5202121 楼主

页面高度不固定，针对不同的终端，比如平板，手机，大屏显示器，小屏幕显示器。
如下图，需要将一个黑条放在页面最底部，但是页面高度始终都是不固定高度。
试了好多方法还是不行，真是闹心啊。

2014年10月07日 10点10分 1

level 3

ysq5202121 楼主

我艹，没人知道？

2014年10月07日 11点10分 2

level 8

kaiyuchen1208

position：fixed；bottom： 0；

2014年10月07日 11点10分 3

ysq5202121

这个不行，属于在浏览器最下面。

2014年10月08日 01点10分

史文天大人

回复 ysq5202121 :请在此楼的CSS样式中加入：z-index:99;

2014年10月17日 05点10分

星星boy之火

@ysq5202121 请解释，页面最底部和浏览器最底部，啥区别？你是指有滚动条的时候，div需要把滚动条拉上来才能看见吗？

2015年09月02日 23点09分

娑煎窛馃槆

@史文天大人谢谢

2017年12月07日 11点12分

level 8

kaiyuchen1208

如果你要始终在屏幕最下面，而不是页面，那就JS

2014年10月07日 11点10分 4

幽理之刻

绝对定位

2014年10月16日 10点10分

转身loving

回复
��֮��
:绝对定位就可以实现，那怎么让它始终在页面最下面呢

2015年07月27日 09点07分

level 3

ysq5202121 楼主

http://yangshangqi.gotoip55.com

2014年10月08日 02点10分 7

ysq5202121

只有复制到浏览器地址栏可以访问

2014年10月08日 02点10分

ok宇智波鼬520

@ysq5202121

2015年04月13日 04点04分

level 6

蚂蚁背包旅行

你是想在不同屏幕的显示效果都一样吗？

2014年10月12日 00点10分 8

ysq5202121

会有细微差异，自然不会完全一样

2014年10月12日 05点10分

蚂蚁背包旅行

回复 ysq5202121 :那要用@media标签，设置宽度，响应式布局

2014年10月12日 09点10分

level 12

淹没的海平线_

固定定位，肯定行，不行的话，肯定是写错了

2014年10月12日 11点10分 9

王景略😄

我也觉得

2014年10月13日 09点10分

ysq5202121

回复 a623023808 :页面高度不固定，还有就是无法使DIV满屏

2014年10月17日 02点10分

level 9

双鱼XN

html{height:100%;}
body{ position:relative;}
第一个div增加样式：height:100%; overflow:hidden;
黑条所在的div移动到body下。
用firbug编写样式时发现有一个Bug，如果我最后加html{height:100%}这样没有问题，如果刚开始加的话，在火狐浏览器中内容高度增加一大片空白，谷歌没问题。

2014年10月13日 01点10分 10