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

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

求相关代码或给个例子

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
看附件

直接贴代码吧

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

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

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

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

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

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

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

貌似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

		自动登录	找回密码
密码			立即注册

谷歌+Bing+TT+MSN官方代理	⚡️按条S5代理⚡️静态⚡️独享⚡️5G	需要代理IP?⚡️Proxysites.ai⚡️	指纹浏览器，就用AdsPower
Mediabuy⚡️玩家开户首选	【鲁班跨境通-自助充值转账】	FB/GG/TT❤️官方免费开户	Affiliate 全媒体流量资源⚡️
Taboola/Outbrain /Bing⚡️一级代理	*开户投流-724h❤️人工在线**	【官方】❤️搜索套利买量投流开户	独立站⚡️开户投放
DuoPlus专注打造跨境电商云手机	E.PN 虚拟卡	BINOM TRACKER 60% OFF!	比Adplexity还好用的Spy工具
ADPLEXITY + ADVERTCN	7200W全球动态不重复住宅IP代理	虚拟信用卡+独立站收款	全球虚拟卡, 支持U充值
Facebook 批量上广告	尤里改 - FB 稳定投放	免费黑五教程（持续更新、欢迎交流）	FB 三不限源头 - 自助下户充值转款
各种主页、账单户、BM户（优势）	⚡️个人户，bm户不限额，账单户	9Proxy ⚡️ $0.04/IP, 无限带宽	IPCola原生住宅IP⚡️$2.1/条双ISP
Google、Bing官方总代联盟流量开户	fb耐用号0.01一个	fb账号官方合作商	FB资源，账单户，分享户，国内一手
FB企业户BM户账单户源头	广告位出租

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

本帖子中包含更多资源

评分

评分

社区QQ达人