> 웹 프론트엔드 > HTML 튜토리얼 > IE6下怎么实现height:100%;width:100%;四周空10px,父div的clientheight不变,急_html/css_WEB-ITnose

IE6下怎么实现height:100%;width:100%;四周空10px,父div的clientheight不变,急_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 12:11:05
원래의
1045명이 탐색했습니다.

IE6下怎么实现height:100%;width:100%;四周空10px,父div的clientheight不变,急!!!!

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



无标题文档






  
dfd






回复讨论(解决方案)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档 </title> <style> *{margin:0px;padding:0px} .div1{width:300px;height:300px;background:#aacc00;} .div2{background:#aaccff;} /*---------IE7/IE8其他浏览器-------------*/ .div1{position:relative} .div2{position:absolute;top:20px;left:20px;right:20px;bottom:20px;}  /*---------IE6-------------*/ .div1{_padding:20px;} .div2{_height:expression(div1.clientHeight-40);_width:100%;}</style> </head> <body> <div class="div1" id="div1">  <div class="div2">dfd </div> </div> </body> </html>
로그인 후 복사

楼上很全面

如果你的div1是可知宽高的,那么你可以这样

.div1 { width:260px; height:260px; padding:20px; background:#aacc00; }
.div2 { height:100%; background:#aaccff; }

如果div2的内容可能会比规定高度高,那么可能还需要配合overflow。

另,当你有

的时候,不用单独为ie6写样式

参照楼上给出的方法

呵呵.看看.

JF

网络终于通了,期待各位的答案很久了,

很感谢hookee,ddcatlee;
因为div的高度是未知的,所以借鉴了hookee的答案,问题解决了,

还要回复啊!

回复还要回复可见吗?

로그인 후 복사
로그인 후 복사
로그인 후 복사


로그인 후 복사
로그인 후 복사
로그인 후 복사






js编写在网页中运行代码效果 - 懒人源码(www.lrcode.com)













로그인 후 복사
로그인 후 복사
로그인 후 복사

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