How to implement height:100%;width:100%; 10px around, and the clientheight of the parent div remains unchanged under IE6, urgent_html/css

How to implement height:100%;width:100%; 10px around, and the clientheight of the parent div remains unchanged under IE6, urgent_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 12:11:05

Original

1046 people have browsed it

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

无标题文档

dfd

Reply to discussion (solution)

<!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>

Copy after login

The upstairs is very comprehensive

If your div1 has a knowable width and height, then you can do this

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

If the content of div2 may be higher than the specified height, you may also need to cooperate with overflow .

Also, when you have

, there is no need to write styles separately for ie6

Refer to the method given above

Haha. Take a look.

The network is finally connected. I have been looking forward to your answers for a long time.

Thank you very much hookee and ddcatlee;
Because the height of the div is unknown, I borrowed hookee’s answer. , the problem is solved,

I still need to reply!

Do you want the reply to be visible?

Copy after login

Human Source Code (www.lrcode.com)