企业400电话
微网小程序
AI电话机器人
电商代运营
全 部 栏 目
企业400电话
网络优化推广
AI电话机器人
呼叫中心
网站建设
商标✡知产
微网小程序
电商运营
彩铃•短信
增值拓展业务
DIV+CSS网页另类上下布局的实例代码
先说说在尝试的过程发现的几个问题
1、盒模型问题
相信玩重构或者说是DIV+CSS的朋友应该都知道这个东西，废话不多说，不知道而有兴趣可以去网上搜索一下。这里我提到这个是因为这个布局是用百分比来控制的，所以当加对边框加上1px的边后，就不好减回来，我是舍弃了上边的边框样式。
2、溢出问题
这个问题只要对overflow做hidden就可以了，防止内容过长而溢出。刚刚开始的时候可以对html跟body的overflow加一个hidden属性。Blank 告诉我，IE默认是有滚动条的宽度（这个偶知道），而FF是没有的（这个偶就不知道了）。
基本上也就这样，代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>上下层测试</title> <style type="text/css"> <!-- *{ margin:0px; padding:0px; } html,body{ height:100%; } * html, * html body { overflow: hidden; /*隐藏IE的默认滚动条的宽度*/ } #bodyDiv{ width:100%; height:100%; } #topDiv{ height:88%; background:#ccc; border:1px solid #000; overflow:auto; /*溢出的时候显示滚动条为 auto */ } #bottomDiv{ height:12%; background:#f4f4f4; border:1px solid #F00; margin-top:-4px; overflow:auto; } h3{ font-size:14px; font-weight:bold; } --> </style> </head> <body> <div id="bodyDiv"> <div id="topDiv"><h3>上面的</h3> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br /><br><br><br><br> </div> <div id="bottomDiv"><h3>下面的</h3></div> </div> </body> </html> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇：
表格标签table深入了解
下一篇：
CSS实现每行新闻数量不等效果代码
相关文章
DIV+CSS网页另类上下布局的实例代码
先说说在尝试的过程发现的几个问题 1、盒模型问题 相信玩重构或者说是DIV+CSS的朋友应该都知道这个东西，废话不多说，不知道而有兴趣可以去网上搜索一下。这里我提到这个是因为这DIV+CSS,网页,另类,上下,布局,...
南通市电话机器人维修（南通机器人培训机构）
本文目录一览：1、清华阳光太阳能维修官方-(24小时热线)400客服服务中心2、金利源净水...
产品和服务是两种永恒的网站赢利模式
一个没有清晰、简单赢利模式的网站是不可能发展起来的，而这个赢利模式是在网站开...
400电话办理哪家好？怎样对代理商进行选择？
因为现在的400电话办理也都是使用代理商帮助自己进行办理，所以用户自然也就需要对...
嘉兴餐饮加盟电销系统批发,电销机器人怎么办理-看这里
嘉兴餐饮加盟电销系统批发,电销机器人怎么办理可以全自动录音（采用声控或压控），...
萌芽智能电销机器人（电销机器人电销机器人）
本篇文章给大家谈谈萌芽智能电销机器人，以及电销机器人电销机器人对应的知识点，...
专利侵权风险防范
企业应建立完善的专利侵权风险预警机制，将侵权纠纷防范于未成形之时。 若他人已有...
.Net基于MVC4 Web Api输出Json格式实例
本文实例讲述了.Net基于MVC4 Web Api输出Json格式的方法，分享给大家供大家参考。具体实...
重庆联通防封号系统省钱-终于明白
重庆联通防封号系统省钱趋势图表、指标统计,所有数据清晰可查。呼叫中心系统具有丰...
合肥代账专用电话营销机器人办理费用-2021强烈推荐
合肥代账专用电话营销机器人办理费用帮助成员提高业绩。电销系统是很多企业拓展业...
呼叫中心外呼系统供应商（呼叫中心电话系统供应商）
本文目录一览： 1、呼叫中心系统做得比较好的公司有哪些2、外呼系统哪家公司做的好...
电销卡无限打电话不封号
电销卡无限打电话不封号 售后服务问题，要注意的是，并不是电销卡申请了以后就一劳...
武汉短视频代运营
短视频短视频是现在很火的一个app，现在许多企业家以及实体店的老板、都挑选采用短...
南京人工外呼系统代理商（智能外呼系统代理）
本文目录一览： 1、现在外呼系统哪家公司做的比较好？ 2、外呼系统哪家公司做得好...
浅析常用数据库的自增字段创建方法汇总
DB2 复制代码 代码如下: CREATE TABLE T1 ( id INTEGER NOT NULL GENERATED ALWAYS AS IDENTITY (START WITH 1...
品牌再定位的步骤
品牌再定位的步骤与品牌定位的基本相同，只是在实行品牌再定位之前，还需要经历品...
DIV+CSS网页另类上下布局的实例代码
先说说在尝试的过程发现的几个问题 1、盒模型问题 相信玩重构或者说是DIV+CSS的朋友应该都知道这个东西，废话不多说，不知道而有兴趣可以去网上搜索一下。这里我提到这个是因为这DIV+CSS,网页,另类,上下,布局,...
咨 询 客 服
咨 询 客 服