不嵌入滚动条的css

css embed no scrollbar(不嵌入滚动条的css)

本文介绍了不嵌入滚动条的css的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

好的,我有一个带有AJAX按钮的页面。当你点击AJAX按钮时,它会把一个嵌入的对象抛到‘data’目录中。一切都很好,我的问题是嵌入创建了一个我不想要的滚动条。有没有关于如何防止滚动条的建议?我已经尝试在所有我能用到的地方抛出‘overflow:Hide’,但没有成功=/

~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'>

我用粘贴盒来保持我的帖子干净。

推荐答案

当您在元素中看到滚动条时,您实际上看到的是该元素网页的滚动条。你不能通过给<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文件中。

这篇关于不嵌入滚动条的css的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:不嵌入滚动条的css

基础教程推荐