iqiohonglang 2010-01-23 22:19
浏览 247
已采纳

对网页高度的控制~求教~~

控制控件的宽度相对来说还是比较容易的,width=x% 用起来很灵光,但是用到高度上就没有什么用了,width=x%似乎不起什么作用,比如网页左侧是导航栏,右侧显示数据,把导航栏全部打开的时候,页面会拉的很长,右侧会有大片空白。。。
我看google reader就做的很好,我改变窗口的高度,它里面的内容始终是显示100%,它的导航窗口和内容窗口会随着浏览器高度变化一起变化,我想实现这个效果,但是用css似乎实现不了,不知道google是不是用js做的这个效果~~~
好想知道,谢谢大家。有代码就更好了。 :lol: 
  • 写回答

2条回答 默认 最新

  • CaiHuajiang 2010-01-23 22:31
    关注

    这个问题就是常见的div高度自适应问题。。
    [url]http://hi.baidu.com/atmo/blog/item/f0036edd6de364dc8d102985.html[/url]
    就有介绍,还不错。。

    对于这个问题,我是按以下步骤处理的。
    设置最外层div的css:
    margin-left:auto;margin-right:auto;clear:both;height:auto!important;height:300px;minheight:300px;overflow:visible;
    那么这个div就有溢出了,可以跟据内部高度而自动调节。。
    而内部div需要主动设置css:
    float:left;
    并且在内部div底部增加一个span以显示布局,使得整体结构如下所示:
    [code="html"]


    left
    //float:left
    right
    //float:right
     
    [/code]

    那么,,以上DIV就具有了自动溢出的功能。。
    当然好像与上面地址的方法不太一样,,就看你怎么用了。。。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 ubuntu系统下挂载磁盘上执行./提示权限不够
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型