css没有嵌入滚动条

时间:2013-07-12 03:45:17

标签: css scrollbar embed hidden

好吧,我有一个带有ajax按钮的页面。当你点击ajax按钮时,它会将一个嵌入对象抛出到'data'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来保持我的帖子清洁。

4 个答案:

答案 0 :(得分:3)

当您在元素中看到滚动条时,您实际上正在看到该元素网页的滚动条。你不能修复它我给<embed>一种风格,你必须给<body> <embed>一种风格。以下是为我解决的问题:

[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文件中。

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

make height ='auto'width ='auto'

答案 3 :(得分:0)

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