头部元素的绝对和相对定位

      熊同学提醒过顶部图片有些错位,想着是IE6下的兼容问题就忽略了。可因此却发现了头部元素不能随页面大小自动调整位置的问题。Hsama指出了绝对和相对定位的混乱,在绝对定位下不是用top、left等而是用margin设置属性。
      一番调整后,头部的网站标题和描述终于不会乱动了。
      修改办法:#logo的position设为relative,#logo h1(标题)和p.description(描述)设为absolute。思路是父容器#logo随页面宽度变化自动调节,子容器保持绝对定位。

      这个模板改的还真纠结……

Tags:

14 comments to “头部元素的绝对和相对定位”

  1. HJin.me Says:

    你把我的话完全听反了~~~~

  2. MY.ZZ Says:

    切,父容器绝对子容器相对的话还是会到处乱跑啊~

  3. 漫mAn Says:

    这里说的好专业。。。跟不上节奏了。。

  4. MY.ZZ Says:

    沙发的那个才是专业~

  5. HJin.me Says:

    你的邮件回复开启了没有??怎么没有收到过邮件!!
    我指的是,postion一般都是用top,left,right,bottom来定位的!

  6. sunbear Says:

    第一,看不懂……
    第二,很悲剧的告诉你我这里看到的依旧是错位……囧……

  7. H.H Says:

    我没有看到错位

  8. MY.ZZ Says:

    IE6吧,忽视IE6~要被淘汰了

  9. MY.ZZ Says:

    UP~

  10. sunbear Says:

    不要BS用腾讯TT的我……>_

  11. MY.ZZ Says:

    。。。等待win7正式出来吧

  12. HJin.me Says:

    你自己更新到IE8,就没有人BS你了~~

  13. MY.ZZ Says:

    UP。。。
    ==!

  14. sunbear Says:

    我更BS你猥琐的样子……嗯。

Leave a Reply