今天就跟大家聊聊有关“HTML中frameset设高度导致界面变形怎么办”的内容，可能很多人都不太了解，为了让大家认识和更进一步的了解，小编给大家总结了以下内容，希望这篇“HTML中frameset设高度导致界面变形怎么办”文章能对大家有帮助。

目前做了一个项目，界面如下：

这是使用frameset做的，在宽屏下开发一直没有发现什么问题，直到一个用户使用800*600的机子测试的时候，才发现整个界面都被变形了。 
那时整个frameset页面只有600像素高度，frameset嵌套的frame出现了滚动条，实在难看。怎么把frameset的高度设置高点，让其嵌套的frame页面没有滚动条，而让frameset有滚动条呢？ 

frameset的高度是设置不了的，比如：

。这时的页面还是屏幕的高度，并不是1900px；设置frameset的body的高度也无效。怎么办呢？我baidu了好多天，都没找到答案，这个问题就一直搁置着。也想到叫美工用DIV+CSS替换了frameset，但怕牵涉的内容太多，换的工作量也许很大，只好作罢。 

灵感这东西真是怪，要来不来，来了挡也挡不住。就在这个问题放了一个来月后，今天它突然来了，来的时候还带着iframe。当我把frameset嵌套其中，并设置iframse页面的高度，效果果然出来了。现把解决方案与遇到相同问题而解决不了的同仁分享。 

1、frameset页面(inner.html) 

代码如下:

 
 
 
 
 
 
 
 
 
 <br>  
 

2、iframe页面(outer.html) 
关键是设置这个页面的高度，想要多高就设置多高，随你。这时里面包含的frameset也会是这个高度。 
 

代码如下:

 
style="height:100%;width:100%;border-width: 0px;"> 
 
 

以上就是关于“HTML中frameset设高度导致界面变形怎么办”的介绍了，感谢各位的阅读，希望这篇文章能帮助大家解决问题。如果想要了解更多知识，欢迎关注群英网络，小编每天都会为大家更新不同的知识。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• CSS中vw与vh属性是什么意思，有何区别吗？

  这篇文章我们来了解CSS中的两个属性，vw与vh属性，有一些新手对vw与vh属性是什么意思，以及它们的区别不是很清楚，因此本文就给大家来介绍一下，下文有详细的介绍，有需要的朋友可以参考，接下来就跟随小编来一起学习一下吧！

• CSS的选择器和声明使用有什么规则

  css规则的基本格式是“选择器{属性:属性值;}”。“选择器”用于告诉浏览器“{}”包裹的样式将作用于页面中哪些对象，“属性”是CSS提供的设置好的样式选项，“属性值”是用来显示属性效果的参数。

• CSS如何对阴影动画优化，有什么方法

  这篇文章主要介绍了CSS 阴影动画优化技巧,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下

• 新手学习HTML标签结构有哪些基础知识点要掌握

  这篇文章主要介绍了HTML基本标签及结构详解,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

• 详解CSS padding属性的详细用法是什么

  CSS Padding介绍 CSS padding属性用于在任何已定义的边框内围绕元素内容生成空间。 使用CSS，您可以完全控制填充，有用于设置元素每一侧（顶部、右侧、底部和左侧）的填充的属性。 CSS Padding 具有用于指定元素每一侧的填充的属性： padding-top padding-rig