css嵌入没有滚动条答案

【问题标题】：css embed no scrollbarcss嵌入没有滚动条
【发布时间】：2013-07-10 12:55:09
【问题描述】：

好的，我有一个带有 ajax 按钮的页面。当您点击 ajax 按钮时，它会将一个嵌入对象扔到“数据”div 中。一切正常，我的问题是嵌入创建了一个我不想要的滚动条。关于如何防止滚动条的任何想法？我已经尝试在任何地方抛出“溢出：隐藏”但没有成功=/

~html~

~my.css~

~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;
}

【讨论】：

【解决方案4】：

使高度='auto' 宽度='auto'

【讨论】：