iframe中的内容超出了边框_html/css_WEB-ITnose-HTML Tutorial-php.cn

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

WBOY

Release： 2016-06-21 09:39:06

Original

1536 people have browsed it

本帖最后由 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="./images/c5.png"/ alt="iframe中的内容超出了边框_html/css_WEB-ITnose" ></a></li>      <li><a title="系统管理" href="frame_system.php"  hidefocus="ture"><img  src="./images/c4.png"/ alt="iframe中的内容超出了边框_html/css_WEB-ITnose" ></a></li>      <li><a title="考勤管理" href="frame_attendance.php"  hidefocus="ture"><img  src="./images/c3.png"/ alt="iframe中的内容超出了边框_html/css_WEB-ITnose" ></a></li>      <li><a title="信息导入" href="#" hidefocus="ture"><img  src="./images/c2.png"/ alt="iframe中的内容超出了边框_html/css_WEB-ITnose" ></a></li>      <li><a title="信息查询" href="frame.php"  hidefocus="ture"><img  src="./images/c1.png"/ 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>

Copy after login

这是被调用的页面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>

Copy after login

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

这是框架部分CODE：
PHP code

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