最近在自学CSS,想到了之前看到的一种效果,即网页的页头和页脚固定展示,感觉不错,就搜索了下实现方式。
CONTENTS
参考网站如下:
【 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的三个属性按照参考网站修改了一下,就可以了。
发表评论