cstriker1407的笔记本

好记性不如铅笔头

vps && wordpress, web, 编程

wordpress固定页头和页脚的方法

最近在自学CSS,想到了之前看到的一种效果,即网页的页头和页脚固定展示,感觉不错,就搜索了下实现方式。

参考网站如下:

http://yrzhll.com/blog/2012/12/21/fixed/ 】

http://www.4fang.com/article/2009/8/30/95295_1.html 】

实现方式:

找到需要固定的div:

参考之前的连接【 wordpress怎样更改侧边栏的宽度 】,作者这里找到的是header,如下图:

然后就可以在header已有的CSS基础上进行修改了。

修改CSS:

.content-two-columns {
	margin-top: 100px;
}
#header {
	margin-left: 127px;
	position: fixed;
	z-index: 9;
}

 作者将内容向下移动了100,然后将header的三个属性按照参考网站修改了一下,就可以了。

Leave a Reply

2 × 4 =

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

Theme by Anders Norén

苏ICP备16032087号