iframe中的内容超出了边框_html/css_WEB-ITnose-HTML 튜토리얼-php.cn

回复讨论(解决方案)

집

웹 프론트엔드

HTML 튜토리얼

iframe中的内容超出了边框_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 21, 2016 am 09:39 AM

本帖最后由 xiongdawang 于 2012-11-01 14:21:26 编辑

iframe标签我定义的CSS padding: 10px;
把调用的页面显示在里面，其他页面都没有问题，
就是highcharts图的页面，当有竖滚动条时，上下滚动highcharts图的页面会超出框外？

回复讨论(解决方案)

overflow:hidden

overflow:hidden

我用了的，就是不起作用！

引用 1 楼的回复:
overflow:hidden

我用了的，就是不起作用！
那你高度宽度设置了没？不然你就把代码拿出来让各位大神看看我个人感觉高度宽度overflow都设置了应该没问题

引用 2 楼的回复:

引用 1 楼的回复:
overflow:hidden

我用了的，就是不起作用！

那你高度宽度设置了没？不然你就把代码拿出来让各位大神看看我个人感觉高度宽度overflow都设置了应该没问题

被调用的页面高度是固定的

我用的是jquery ui 布局的，在IE8下没有问题，在IE7 360下只有调用highcharts图的页面，
出现这个问题

这是框架部分CODE：

<link rel="stylesheet" type="text/css" href="css/jquery.css"><script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/layout-ui-datepicker-min.js"></script><script type="text/javascript" src="js/left-core-min.js"></script><script language="javascript">function UnLoadEvent(){	window.location.href='exit.php';}</script></head><body id="" onunload="">  <div class="ui-layout-north header ui-layout-pane ui-layout-pane-north broke-endless-pages">    <div class="top"></div>    <ul>      <li><a title="退出系统" href="exit.php"  hidefocus="ture"><img  src="/static/imghw/default1.png"  data-src="./images/c5.png"  class="lazy"  / alt="iframe中的内容超出了边框_html/css_WEB-ITnose" ></a></li>      <li><a title="系统管理" href="frame_system.php"  hidefocus="ture"><img  src="/static/imghw/default1.png"  data-src="./images/c4.png"  class="lazy"  / alt="iframe中的内容超出了边框_html/css_WEB-ITnose" ></a></li>      <li><a title="考勤管理" href="frame_attendance.php"  hidefocus="ture"><img  src="/static/imghw/default1.png"  data-src="./images/c3.png"  class="lazy"  / alt="iframe中的内容超出了边框_html/css_WEB-ITnose" ></a></li>      <li><a title="信息导入" href="#" hidefocus="ture"><img  src="/static/imghw/default1.png"  data-src="./images/c2.png"  class="lazy"  / alt="iframe中的内容超出了边框_html/css_WEB-ITnose" ></a></li>      <li><a title="信息查询" href="frame.php"  hidefocus="ture"><img  src="/static/imghw/default1.png"  data-src="./images/c1.png"  class="lazy"  / alt="iframe中的内容超出了边框_html/css_WEB-ITnose" ></a></li>    </ul>  </div>  <iframe class="ui-layout-west ui-layout-pane ui-layout-pane-west" src="frame_left_inquiry.php" name="leftFrame" id="leftFrame" frameborder="0" scrolling="no"></iframe>  <iframe src="virtualAccount/ID_Search.php" name="mainFrame" id="mainFrame" class="ui-layout-center ui-layout-pane ui-layout-pane-center" frameborder="0" scrolling="yes"   style="max-width:90%">  </iframe>  <div class="ui-layout-south ui-layout-pane ui-layout-pane-south">  <span></span>  </div></body></html>

로그인 후 복사

这是被调用的页面code:

<!DOCTYPE HTML><html>	<head>		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">		<title>Highcharts Example</title>		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>		<script type="text/javascript">$(function () {    var chart;    $(document).ready(function() {        chart = new Highcharts.Chart({                        chart: {                renderTo: 'container'            },                        title: {                text: 'Logarithmic axis demo'            },                        xAxis: {                tickInterval: 1            },                        yAxis: {                type: 'logarithmic',                minorTickInterval: 0.1            },                        tooltip: {                headerFormat: '<b>{series.name}</b><br />',                pointFormat: 'x = {point.x}, y = {point.y}'            },                        series: [{                            data: [1, 2, 4, 8, 16, 32, 64, 128, 256, 512],                pointStart: 1            }]        });    });    });		</script>	</head>	<body><script src="../../js/highcharts.js"></script><script src="../../js/modules/exporting.js"></script><div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>	</body></html>

로그인 후 복사

我用的是jquery ui 布局的，在IE8下没有问题，在IE7 360下只有调用highcharts图的页面，
出现这个问题

这是框架部分CODE：
PHP code

<script></script> 我说的宽度高度是你在iframe的style里面加你加了试试如果不行那我也不懂了 - -期待哪个大神帮你解决吧

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

뜨거운 도구

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7322

자바 튜토리얼

1625

Cakephp 튜토리얼

1350

라라벨 튜토리얼

1262

PHP 튜토리얼

1209

Related knowledge

공식 계정 웹 페이지의 캐싱 업데이트에 어려움 : 버전 업데이트 후 사용자 경험에 영향을 미치는 이전 캐시를 피하는 방법은 무엇입니까? Mar 04, 2025 pm 12:32 PM

공식 계정 웹 페이지 업데이트 캐시, 이것은 간단하고 간단하며 냄비를 마시기에 충분히 복잡합니다. 공식 계정 기사를 업데이트하기 위해 열심히 노력했지만 사용자는 여전히 기존 버전을 열었습니까? 이 기사에서는이 뒤에있는 비틀기와 회전을 살펴 보고이 문제를 우아하게 해결하는 방법을 살펴 보겠습니다. 읽은 후에는 다양한 캐싱 문제를 쉽게 처리 할 수있어 사용자가 항상 가장 신선한 콘텐츠를 경험할 수 있습니다. 기본 사항에 대해 먼저 이야기 해 봅시다. 액세스 속도를 향상시키기 위해 브라우저 또는 서버는 일부 정적 리소스 (예 : 그림, CSS, JS) 또는 페이지 컨텐츠를 저장합니다. 다음에 액세스 할 때 다시 다운로드하지 않고도 캐시에서 직접 검색 할 수 있으며 자연스럽게 빠릅니다. 그러나 이것은 또한 양날의 검입니다. 새 버전은 온라인입니다.