IE6下定义height导致间距的一个问题，发出来体验一下

2008年12月15日

IE6下定义height导致间距的一个问题，发出来体验一下

Filed under: DIV+CSS — fangds @ 22:21

IE6下的一个问题，体验一下，请注意了，在样式“.text”里面有个“height:36px;”，定义后，会导致两个容器存在差异，如果不定义，则正常，以下是代码部分，可以运行，在IE6下面试试看效果吧，注意背景色彩之间的距离。这是一个细节问题，发出来，分享一下。

<!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>IE6下的一个问题，体验一下</title> <link href="css/dzcss.css" type="text/css" rel="stylesheet"> </head> <style> .main {width:960px; margin:0 auto; margin-top:30px; padding-bottom:30px;} .left {float:left; width:225px;} .right {float:right; width:225px;} .middle {padding: 0px 235px 0 235px;} .middle div {background-color:#FF0000} .mtitle{color:#fff; text-align:left; background-color:#111111; height:36px; line-height:36px; padding-left:35px;} </style> <body> <div class="main"> <div class="left">1111111111111 </div> <div class="right">2222222222222 </div> <div class="middle"> <div class="middlebox"> <h2 class="mtitle">安全</h2> <div>保证交易的公平性。<br /></div> <div align="center"> </div> </div> </div> </div> </body> </html>

提示：你可以先修改部分代码再运行。

Comments (0)

评论暂缺 »

还没有任何评论。

这篇文章上的评论的 RSS feed TrackBack URL

FDS’s Blog

2008年12月15日

IE6下定义height导致间距的一个问题，发出来体验一下

评论暂缺 »

留下评论