none
一个子div包含在一个父div里面,设置子div width="100%" height="100%",在ie下显示没问题,到了firefox,右边和下边有一个1px的空隙。 RRS feed

  • 问题

  • <html xmlns="http://www.w3.org/1999/xhtml">  
     <head>  
     </head>  
    <body>  
    &nbsp&nbsp&nbsp<div style="background-color:red;width:100px;height:100px;">
    <div style="border:solid 1px #000000;width:100%;height:100%;"></div>
    </div>  
    </body>  
    </html> 
    
    2009年3月28日 4:00

答案

  • 不同的浏览器对标准的理解和实现有差别,这种现象以后会越来越少,造成你的问题的原因是border造成的,你可以这样解决

    <!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>
     <style>
     div{padding:0;margin:0}
     </style>
     </head>  
    <body>  
    <div style="background-color:red;width:100px;height:100px;">
    <div style="border:solid 1px #000000;width:98x;height:98px;"></div>
    </div>  
    </body>  
    </html> 
    

    孟宪会
    • 已标记为答案 杜宏宇 2009年3月28日 15:24
    2009年3月28日 9:31
    版主

全部回复

  • 你声明一下doctype看看是否有改善。
    2009年3月28日 8:07
  • 不同的浏览器对标准的理解和实现有差别,这种现象以后会越来越少,造成你的问题的原因是border造成的,你可以这样解决

    <!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>
     <style>
     div{padding:0;margin:0}
     </style>
     </head>  
    <body>  
    <div style="background-color:red;width:100px;height:100px;">
    <div style="border:solid 1px #000000;width:98x;height:98px;"></div>
    </div>  
    </body>  
    </html> 
    

    孟宪会
    • 已标记为答案 杜宏宇 2009年3月28日 15:24
    2009年3月28日 9:31
    版主