> 웹 프론트엔드 > HTML 튜토리얼 > 怎么让iframe的高度和宽度可以100%_html/css_WEB-ITnose

怎么让iframe的高度和宽度可以100%_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 12:17:51
원래의
1400명이 탐색했습니다.

html的代码如下,其中有2个div,一个宽度是200px。另一个div里有个Iframe,不论我怎么设置样式都不能让这个Iframe的宽度自动达到100%,只能设置个定值。现在默认的Iframe宽度和高度都很小,大概只有200px。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head>	<title></title>	<style type="text/css">        html, body        {            width: 100%;            height: 100%;        }  </style>	</head><body><div class="dtree" style="position: absolute; left: 0px; top: 0px; width: 200px;  height: 100%; padding: 5px; overflow: auto;"></div><div style="position: absolute; left: 205px; top: 10px;" width="100%" height="100%">	<Iframe name="tt" style="height=100%; width=80%" src="" marginwidth="1" marginheight="1"	scrolling="yes" frameborder="10"></Iframe></div></body></html>
로그인 후 복사


回复讨论(解决方案)

这个是 高度自适应 根据内容来伸缩的。

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档
<script></script>



  





 

 

    



원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿