logo

统计图标position定位absolute属性换relative

CSS定位

刚用这个主题时,使用了百度和CNZZ的统计代码,当时在页面底部加了不少关键词,正好把两个统计图标挤到了右边的位置。现在已经没有那么多需要推广的关键词了,左边空了出来,而我现在需要把图标继续放在右边。我做了三种定位常识。

首先,浮动。我把统计代码放在一个div里面,类设置成tj,右浮动,发现影响了右边的“返回首页”,把返回首页挤到左边一点了。由于不想修改太多东西,我决定放弃浮动;

二、position的absolute属性。left:XXXPX 定位好了,在返回顶部左边。然而晚上回家后用我老显示器查看,却发现统计的图标都跑到返回顶部一块了;

三、换relative属性。回到公司后,我发现在公司显示器上显示是正常的,然而我把显示器分辨率调至1024*728之后,就和家里一种效果了,所以还是代码有问题。我觉得让他相对父DIV定位,就是relative属性。设置好数值后,测试完全正常。

此外为了让统计图表和同DIV的文字都有居中的效果,我还设置了bottom的距离。让这个DIV不和其他行内元素分开,使用了display的inline属性。

absolute是绝对定位,相对于body的,不受父DIV影响,而relative是相对于父DIV的,父DIV不是自适应情况下理论上absolute应该不受显示器影响,但是现在却是出现了这个情况。本文都是基础的CSS知识,自己学习留个笔记。

Leave your needs and contact information