css嵌入没有滚动条
Posted
技术标签:
【中文标题】css嵌入没有滚动条【英文标题】：css embed no scrollbar 【发布时间】：2013-07-10 12:55:09 【问题描述】：好的，我有一个带有 ajax 按钮的页面。当您点击 ajax 按钮时，它会将一个嵌入对象扔到“数据”div 中。一切正常，我的问题是嵌入创建了一个我不想要的滚动条。关于如何防止滚动条的任何想法？我已经尝试在任何地方抛出“溢出：隐藏”但没有成功=/
~html~
http://pastebin.com/WZ2YzDVb
~my.css~
http://pastebin.com/iR335BNj
~ajax嵌入数据~
<embed width=100% height=100% type='text/html' style='overflow: hidden' src='source'>
我使用 pastebin 来保持我的帖子干净。
【问题讨论】：
为了快速检查，将嵌入设置为 50% 的宽度/高度。滚动条会消失吗？如果是这样，这意味着滚动条在父级上。否则，您应该能够看到滚动条本身就在嵌入中。如果是这种情况，您能告诉我们嵌入的内容吗？ 我正在嵌入另一个网页。无论嵌入的大小如何，滚动条都在那里。 您是否有理由不使用 iFrame？ 【参考方案1】：当您看到元素中的滚动条时，您实际上看到的是该元素网页的滚动条。我给<embed> 一个样式，你无法解决它，你必须给<embed> 的<body> 一个样式。这是为我解决的问题：
[MainFile.html]
<html>
<body>
<embed style='border:1px solid black;' src='EmebdedFile.html'></embed>
</body>
</html>
[EmbededFile.html]
<html>
<body style='overflow:hidden'>
<img src='smile.png' style='height:1000px; width:1000px;'></img>
</body>
</html>
请注意，'overflow:hidden' 位于嵌入元素的 HTML 文件中。
【讨论】：
【参考方案2】：在隐藏溢出的容器中使用您的嵌入标签。然后将嵌入的宽度设置为 100% + 17px（滚动条的默认宽度）。
【讨论】：
【参考方案3】：只需将此代码添加到您的 css 文件中即可：
img, video, object, embed
max-width: 100%;
height: auto;
overflow:hidden !important;
【讨论】：
试过了，没有任何改变 =/ 您的嵌入代码错误，请试试这个： 为什么不使用 iframe 嵌入文本/html？【参考方案4】：使高度='auto' 宽度='auto'
【讨论】：
以上是关于css嵌入没有滚动条的主要内容，如果未能解决你的问题，请参考以下文章
div中镶嵌一个iframe,怎么让iframe的滚动条不起作用,而div的滚动条起作用