koalaxyq
2009-08-18 16:45 阅读 312

自适应屏幕分辩率的DIV+CSS布局

如题,求解
[code="html"]




<!--这里是菜单栏-->


<!--这个是隐藏左边栏的开关-->


<!--这里是菜单对应的页面-->



[/code]

[color=red]基本格局如上,固定分辩率是没有问题的,关键是适应不同的分辩率。望牛人不吝赐教[/color] :D

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • 已采纳
    wanghaolovezlq wanghaolovezlq 2009-08-19 15:48

    那就得动态读取分辩率,再进行动态设置了

    点赞 评论 复制链接分享
  • cheng_fu 成富 2009-08-19 17:49

    你把你现在的CSS贴上来看看。

    一般的CSS流体布局都可以解决这个问题。

    从你的HTML来看,左边大小应该是固定的,这种情况下你可以用:
    1) 绝对定位

    #left {
    position : absolute;
    left : 0;
    right : 200px;
    top : 0;
    bottom : 0;
    }

    #right {
    position : absolute;
    left : 210px;
    right : 0;
    top : 0;
    bottom : 0;
    }

    2) 100%宽度加上负margin
    基本的思路是#left向左浮动, 固定宽度;#right宽度100%,但是margin是负值,值为#left的宽度。

    点赞 评论 复制链接分享

相关推荐