阿百川 发表于 2013-4-14 20:43:34

如何用css将底部的内容定位到顶部？

求相关代码或给个例子

google了好久没找到

布丁 发表于 2013-4-14 21:09:07

看附件

adouer 发表于 2013-4-14 21:17:18

position absolute
top 0

秘书 发表于 2013-4-14 21:26:53

：P 看错了，我还以为又开始讨论CS了:$

dhdz187 发表于 2013-4-14 22:30:18

楼上的楼上正解

dai 发表于 2013-4-15 00:35:27

下载附件，还要扣钱。

谢谢布丁的分享

阿百川 发表于 2013-4-15 07:10:31

布丁 发表于 2013-4-14 21:09 static/image/common/back.gif
看附件

直接贴代码吧:P

booday 发表于 2013-4-15 09:02:50

position：relative设置父级div属性
position：absolute 设置底部div属性
top：0   (底部div属性 ，相对父级的偏移，如果父级没有设置position：relative，默认相对于body)
left:0 (同上)
z-index：1000 ( 设置底部div的z-index ，防止被其他层覆盖了)

yoo 发表于 2013-4-15 12:16:29

用CSS做起来很简单，我给过一个我自己的例子，具体情况这个帖子：SEO实战策略：页面布局。

阿百川 发表于 2013-4-15 14:24:20

yoo 发表于 2013-4-15 12:16 static/image/common/back.gif
用CSS做起来很简单，我给过一个我自己的例子，具体情况这个帖子：SEO实战策略：页面布局。 ...

请教yoo版，http://www.doseek.com/是用什么cms？还收手写？

yoo 发表于 2013-4-15 15:38:51

阿百川 发表于 2013-4-15 14:24 static/image/common/back.gif
请教yoo版，http://www.doseek.com/是用什么cms？还收手写？

是的，这个网站功能简单，是自己手工写的简单的代码。

阿百川 发表于 2013-4-15 15:56:55

yoo 发表于 2013-4-15 15:38 static/image/common/back.gif
是的，这个网站功能简单，是自己手工写的简单的代码。

貌似se比较喜欢这样简洁的站点，看seovip的代码也是同样的简洁风格

布丁 发表于 2013-4-15 18:09:24

上面的胸低都说的很全了。核心就两点
1.在footer：部分
position：absolute
top：0   
2.在header部分加个margin-top:，值是footer的height。

enafull 发表于 2013-4-15 20:42:52

用绝对定位就ok，和内容的加载先后没关系，也就是说网页代码中底部的东西，可以显示在top
页: [1]
查看完整版本: 如何用css将底部的内容定位到顶部？