病毒安全知识,电脑网络技术,手工杀毒方法,答疑解决笔记

导航

« Z-Blog与图片拼合(CSS sprites)设置Z-Blog网站Logo »

position:absolute解决我的布局兼容问题

   这段时间一直在调整网站,包括取消文章列表CSS sprites,包括调整右上角的一些小图标的位置,把原来的单列变成双列。把单列变双列本来很容易,只要在相应的li中增加一个float:left,再把文字长度缩短就可以了,即使加上后面的图标,在opera/chrome、IE8/9等浏览器中都没问题,唯一有问题的可能是IE7以下的IE浏览器,如果在IE8中用兼容视图查看就会发现(不用问,在IE6中也会是这样了),图标跑到文字下一行的右边(图标设置的是float:right),即使给li加上宽度限制,也不能让文字与图标并在一行,最多让图标回缩一些距离。

position:absolute解决布局兼容问题

  最后试了position:absolute,加到图标的a标签属性上才解决了这个布局上的兼容问题。说实话,我还是不大理解position的几个类型值的含义,是一个一个值拿去试的,最后试出来absolute,虽然absolute在某些特定条件下等于fixed,但用fixed试了不行,只有absolute才解决浏览器的兼容问题。 


>> 除非说明均为原创,如转载请注明来源于http://www.stormcn.cn/post/1111.html

  • 收藏文章:
  • 新浪微博:
  • 微信订阅号
    微信订阅

最新发表

本站出现的所有广告均不代表本人及本站观点立场 | 关于我 | 网站地图 | 联系邮箱 | 返回顶部
Copyright 2008-2016 www.stormcn.cn. All Rights Reserved. Powered By Z-Blog. 闽ICP备09000343号

闽公网安备 35010202000133号