Javascript 嵌入的文本/html对象溢出不可见
调整嵌入的Javascript 嵌入的文本/html对象溢出不可见,javascript,html,css,Javascript,Html,Css,调整嵌入的s的大小,同时尝试使包装div随嵌入的html页面的大小而扩展,在这种情况下,html页面确实是一件痛苦的事情 在过去的几个小时里,我测试了许多解决方案,甚至javascript重定大小的onload解决方案在这种情况下似乎都不起作用。Iframes也没有帮助 <style> .outer { width:100%; position:relative; overflow: visible; } .inner { min-height:
s的大小,同时尝试使包装div随嵌入的html页面的大小而扩展,在这种情况下,html页面确实是一件痛苦的事情
在过去的几个小时里,我测试了许多解决方案,甚至javascript重定大小的onload解决方案在这种情况下似乎都不起作用。Iframes也没有帮助
<style>
.outer {
width:100%;
position:relative;
overflow: visible;
}
.inner {
min-height: 1600px;
width: 100%;
position:relative;
overflow: visible;
}
</style>
<section id="loadersection" class="outer">
<object id="loader" class="inner" type="text/html" data="/static/index.html">
</object>
</section>
.外部{
宽度:100%;
位置:相对位置;
溢出:可见;
}
.内部{
最小高度:1600px;
宽度:100%;
位置:相对位置;
溢出:可见;
}
嵌入式html页面相当于一个javascript应用程序,因此scrollHeight
位于$(document).ready()
,onload
,$(window).load()
返回150px的高度。完全加载时的实际高度约为1400 px。是否有任何事件报告加载的子对象
有没有一种方法可以将html页面完全嵌入到一个div中,而不使用滚动条,如果子对象中展开了一个手风琴菜单,该div就会展开?有一个最简单的演示给我们看?您的.outer类有两个
溢出
规则,您想要哪一个?如果你想让它可见,你想让它如何可见overflow:visible
表示“忽略元素边界”,而overflow:auto
表示“如果需要,请给我滚动条”(通常是这两个选项中最好的选择)谢谢。一切都应该是可见的,环绕对象的div应该尽可能地扩展。