首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何使1个网页分成两个固定的部分来显示.

作者：季末-心愫如弦 | 来源：互联网 | 2023-09-24 11:33
我现在想在1个html页面内分成上下二部分显示,每个部分是固定的,比例是80%,20%如果内容太长，显示不完，则每个部分都能有滚动条.我想过用frame来实现，但好象用frame的话，要用
我现在想在1个html页面内分成上下二部分显示, 每个部分是固定的,比例是80%,20%
如果内容太长，显示不完，则每个部分都能有滚动条. 
我想过用frame来实现，但好象用frame的话，要用上几个网页文件才能实现，现在我要求只能用1个页面实现. 请问有方法能实现吗?

29 个解决方案

#1

不懂，不装懂，顶

#2

你用层可以实现

#3

用CSS来定位
块，可以达到你的效果，肯定可以，但我不会做，嘿嘿

#4

用div

#5

div

#6

DIV分层
为什么必须一个文件？本来frame满好的

#7

如上DIV，在每个里面再定义table

#8


    


    
    


      
1
1
1
1
1
1
1
1
1
1
1
1
1
1


      
1
1
1
1
1
1
1
1
1
1
1
1
1
1
      
1
1
1
1
1
1


    

#9

谢谢，楼上的用Javascript + div来做，确实是行!

再看看有没有用 div + css 来实现的.

#10

用标签
1.jsp中

  
    
  
  
    
  

#11

用div

#12

学了一招

#13

用标签
1.jsp中

  
    
  
  
    
  

===================================
不能这样呀，因为我要求只能用一个页面,而你用了2.jsp,3.jsp等多个页面.  

#14

可以用 AJAX技术，局部刷新

#15

该回复被版主删除

#16

用框架比较方面，你试试

#17

以下可以在IE下实现分割功能，没有在firefox下尝试过。
在firefox上可能div的高度不能自动延展，那样的话就将css改成height:auto;但就不能实现按百分比划分了～～

不过如果是用div的话似乎不能实现滚动条的功能吧～～

//index.html














//style.css
* {
margin:0;
padding:0;
}

#top {
background-color:yellow;
width:100%;
height:20%;
}

#bottom {
background-color:green;
width:100%;
height:80%;
}

#18

学习~

#19

刚发现laochake(老茶客) 写的
原来还有overflow功能啊～～～长见识了
将CSS文件这样写就可以了～～

PS：仍然是在IE下


* {
margin:0;
padding:0;
}

#top {
background-color:yellow;
width:100%;
height:20%;
overflow:auto;
}

#bottom {
background-color:green;
width:100%;
height:80%;
overflow:auto;
}

#20

学习中 ..................

#21

记得以前用百分比出不来滚动条的，所以才用脚本去计算像素
看了lujun1985() 的回复，又试一次，竟然可以，看来是我记错了：





      
1
1
1
1
1
1
1
1
1
1
1
1
1
1


      
1
1
1
1
1
1
1
1
1
1
1
1
1
1
      
1
1
1
1
1
1



#22

用一个页面就直接把所有的都写进去好了，用层比较麻烦。。。。。
建议用柜架，分多个页面。。。
如果不支持的话，慢慢画吧。。。

#23







 

 
  
    
       
    
  
  
    
       
    
  





以上代码IE适用

#24







 







以上代码IE适用

#25







 







以上代码IE适用

#26

该回复被版主删除

#27

frameset很簡單的

#28

老茶客的方法蛮好的IE和ff都可以,又长见识了

#29

uppp

#30

该回复被版主删除

#31

用frame谁都知道简单，但我已经说过了，不能用多个网页,原因就不说了,所以说用frame的人没有给分了.

#32

谢谢大家.

推荐阅读
author-avatar
季末-心愫如弦
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有