css - css嵌入没有滚动条

Question

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

~html~

~my.css~

~ajax嵌入数据~

<embed width=100% height=100% type='text/html' style='overflow: hidden' src='source'>

我用 pastebin 来保持我的帖子干净。

score 4 · Accepted Answer

当您在一个元素中看到滚动条时，您实际上看到的是该元素网页的滚动条。你不能解决我给a样式的问题<embed>，你必须给a样式。这是为我解决的问题：<body><embed>

[主文件.html]

<html>
   <body>
      <embed style='border:1px solid black;' src='EmebdedFile.html'></embed>
   </body>
</html>

[嵌入文件.html]

<html>
   <body style='overflow:hidden'>
      <img src='smile.png' style='height:1000px; width:1000px;'></img>
   </body>
</html>

请注意，'overflow:hidden' 位于嵌入元素的 HTML 文件中。

score 1 · Accepted Answer

在隐藏溢出的容器内使用您的嵌入标签。然后将嵌入的宽度设置为 100% + 17px（滚动条的默认宽度）。

score 0 · Accepted Answer

只需将此代码添加到您的 css 文件中：

img, video, object, embed {
max-width: 100%;    
height: auto;
overflow:hidden !important;
}

score 0 · Accepted Answer

0

使高度='自动'宽度='自动'

于 2014-03-14T07:07:58.747 回答

4 回答 4