日期:2014-05-17  浏览次数:20699 次

一个关于DIV边框的问题
<div   style= "width:100px;border:1px   solid   red;height:100px; "> test </div>

写一个宽100、高100的Div,在IE下1象素的边框是居内,在FireFox浏览器下1象素边框是居外的,这就导致同一大小的Div在不同浏览下相差两个象素,请问各位兄弟姐妹们咋办?

------解决方案--------------------
这是 IE 使用兼容模式渲染页面产生的盒模型错误。解决办法是使用标准页面声明,比如在页面第一行加上
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">