frameset布局时frame中src路径的页面没有加载的解决方法

pspgbhu

2013-10-28

解决方法：将页面的body节点去掉，错误代码如下

代码如下：

<%@ page language="java" contentType="text/html; charset=GB18030" 
pageEncoding="GB18030"%> 
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<base href="<%=basePath%>"> 
<meta http-equiv="Content-Type" content="text/html; charset=GB18030"> 
<title>主页</title> 
</head> 
<body> 
<frameset rows="15%,70%,15%" frameborder="yes" > 
<frame scrolling="auto" src="IndexTop.jsp"></frame> 
<frame scrolling="auto" src="IndexMain.jsp"></frame> 
<frame scrolling="auto" src="IndexBottom.jsp"></frame> 
</frameset> 
</body> 
</html>

由于frameset是一种框架结构，将整个页面占据掉，不要用body进行布局

页面布局 html代码 src

pspgbhu

0 关注 0 粉丝 0 动态

相关推荐

【CSS】CSS 页面布局：盒子模型（内容区、边框、内边距、外边距）

页面中所有元素都可以看做是一个盒子，包含“内容”、“边框”、“内边距”和“外边距”四部分。主要有三个属性：。当 content 中的信息太多，超出内容区所占范围时，可通过 overflow 属性来指定溢出内容的处理方式。默认值，溢出内容不会被裁剪，会呈现在

xiaohuli 2020-05-18

CSS：页面美化和布局控制

定义css资源文件。属性名1:属性值1;每一对属性需要使用；隔开，最后一对属性可以不加；box-sizing: border-box; 设置盒子的属性，让width和height就是最终盒子的大小

冰蝶 2020-05-07

Flutter开发之Widget布局和页面导航

new Text(‘君不见黄河之水天上来，‘,new Text(‘东流到海不复还，‘,alignment: const FractionalOffset dx、dy 为0~1

csdnYF 2020-02-19

Flutter开发之Widget布局和页面导航

new Text(‘君不见黄河之水天上来，‘,new Text(‘东流到海不复还，‘,alignment: const FractionalOffset dx、dy 为0~1

csdnYF 2020-02-16

基于Bootstrap和jQuery的可视化页面布局程序

但源网站使用起来有一些bug, 于是基于原网站程序作了一下如下优化:. 增加HTML5的localStorage本地化储存功能, 关闭网页重新打开能恢复之前的编辑界面。增加"撤销/重做" 操作。增加IE的兼容处理。修复iOS设备上的可用

zh000 2013-05-10

CSS页面布局单位总结

　　绝对长度单位视借质而定，不依赖于环境。绝对长度单位相互之间是固定的，并固定在一些物理测量中。主要运用在输出环境已知的情况下。　　绝对单位包括物理单位和视角单位。　　CSS 将光栅图像的显示方式定义为默认每一个图像大小为“1px”。　　现在版本中，很多内

wangjie 2020-01-07

IT兄弟连 HTML5教程 DIV+CSS网页标准化布局的优势

标准的网页都需要对内容进行布局，以前都是采用表格的定位技术，从2005年开始逐步转向DIV+CSS的布局方式，目前绝大多数的网站都是采用这种布局方式。使用DIV+CSS对网站进行布局符合W3C标准，采用这种方式布局通常是为了说明与HTML表格定位方式的区别

sdbxpjzq 2019-12-06

CSS Grid：页面网格布局从未如此简单

页面布局从来就不是一件让人省心的事！如果pc端的两列布局、表格布局、圣杯布局等已经让你心力交瘁！那么移动端更加五花八门的布局肯定也是让你吃尽苦头！这些看似花里胡哨的布局，其实就像是一张网，如果刚开始布局的时候就大局在握，后面就有源可寻！这里的Grid布局，

vipiter 2019-11-04

页面基础布局相关知识 --- 居中&经典布局

建议先了解一下基础知识,实际上算深入基础了，随意门:想要清晰的明白（一）： CSS视觉格式化模型|盒模型|定位方案|BFC想要清晰的明白（二）CSS 盒模型Block box与Line box. 水平居中的各种方法优劣.原理：父元素设置相对定位，子元素设置

红壶吃猬队 2019-11-04

css页面布局技巧

display:inline-block; /*变成行内块元素，让元素宽度自适应，不继承父元素宽度；*/

wangnantjobj 2019-11-03

元素值过长导致页面布局异常，jQuery截取字符串，悬停显示全称

var idStr = $("#" + id);var valueStr = '${value}';idStr.html(valueStr.subString(0, 10) + "...");idStr.attr(&

84483065 2016-04-28

手机端页面自适应解决方案—rem布局

写移动端页面都要面对页面自适应的问题，当然解决方案很多，比如：百分比布局，弹性布局flex，也都能获得不错的效果，这里主要介绍的是本人在实践中用的最简单的布局方案——rem布局。先了解下REM是相对单位，是相对HTML根元素。rem的值目前有两种，一种是根

贱贱的梦想 2017-10-15

css页面布局

}原理：利用第一和第二个盒子的左右浮动，使得与第三个盒子在一行缺点：当宽度小于600px时，会繁发生换行；以及中间高度大于300px时，会有两边覆盖style方法二：。}原理：利用table布局，来达到自使用，外部divwidth：100%，不然无法填充优

aSuncat 2019-06-29

web前端页面渲染基本原理

原因也很简单，dom是描述文档结构的，cssom是描述文档显示样式的，二者必须结合，缺一不可。解析的过程中，也会计算每个节点的大小和位置，及布局，布局完成后，会PaintSetup与Paint事件，开始讲渲染树绘制成像素。绘制时间和css的复杂度成正比，之

WinerChopin 2018-10-28

手机端页面自适应解决方案—rem布局

写移动端页面都要面对页面自适应的问题，当然解决方案很多，比如：百分比布局，弹性布局flex，也都能获得不错的效果，这里主要介绍的是本人在实践中用的最简单的布局方案——rem布局。先了解下REM是相对单位，是相对HTML根元素。rem的值目前有两种，一种是根

二毛妮子 2017-10-15

浅谈一下前端移动端页面开发中的页面布局

简单来讲，viewport就是浏览器上，用来显示网页的那一部分区域了，也就是说，浏览器的实际宽度，是和我们手机的宽度不一样的，无论你的手机宽度是320px，还是640px，在手机浏览器内部的宽度，始终会是浏览器本身的viewport。如今的浏览器，都会给

FruitHardCandy 2016-09-19

符合SEO的HTML布局规范

少用例如iframe等标签引入内容，可以不用尽量不用，因为搜索引擎无法搜索到框架里面的内容；<!在HTML代码中，它的重要性仅次于<title>，最好只出现1 次，以达到明确说明的目的。第14行<h2>页面相关性标题</

zhuakuang0 2019-06-28

元素值过长导致页面布局异常，jQuery截取字符串，悬停显示全称

var idStr = $("#" + id);var valueStr = '${value}';idStr.html(valueStr.subString(0, 10) + "...");idStr.attr(&

handsomezsc 2016-04-28

JSP页面布局工具jWebBox升级到到2.0版

其特点是只有一个纯Java类，无须XML配置，用一个三百行的Java类实现了Tiles的全部功能，功能与Tiles类似，但是在灵活性、无侵入性、简单性和可定制化方面要优于Tiles。使用方式上与Tiles类似，会Tiles的可以很快上手。JSPLayout

涓涓溪流 2016-02-08

CSS设计指南 5章页面布局

这种布局能够更好地适应大屏幕，但同时也意味着放弃对页面某些方面的控制。这种可变的固定布局能够适应最大和最小屏幕，业界称为响应式设计。弹性布局布局高度与布局宽度布局高度：多数情况下，布局中结构化元素的高度是不必设定的。3)使用box-sizing:borde

王景迁 2015-11-20

pspgbhu

W3CSchool教程: HTML 教程; CSS 教程; Bootstrap 教程; Javascript 教程; jQuery 教程

后端教程: C 教程; Java 教程; PHP 教程; Python 教程; Go 教程

移动开发: Android 教程; Swift 教程; Kotlin 教程; jQuery Mobile 教程; ionic 教程

关于我们: 新闻动态; 联系方式; 招聘英才; 安科实验室; 帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号京公网安备11010802014868号