明星茬娱乐
您的当前位置:首页DIV+CSS一个DIV里面嵌套三个DIV_html/css

DIV+CSS一个DIV里面嵌套三个DIV_html/css

来源:明星茬娱乐


 #n { width:960px; height:84px; margin:0 auto; padding:0px; background-color:Green;} #n1 { width:230px; height:84px; margin:0px; padding:0px; float:left; background-color:Red;} #n2 { width:470px; height:84px; margin:0px; padding:0px; float:left; background-color:Yellow;} #n3 { width:200px; height:84px; margin:0px; padding:0px; float:right; background-color:Black;} #f { width:960px; height:70px; margin:0 auto; padding:0px; background-color:Blue; }


 


为什么div(n1,n2,n3) 不和 div(n)重合,div(n1,n2,n3)的上边都有一点空隙, 怎么把空隙删除。
效果图:


回复讨论(解决方案)

图片显示不完整
右键单击 > 在新标签页中打开图片
或 访问以下链接:

http://img.my.csdn.net/uploads/201207/23/1343050098_5932.jpg

不知道楼主什么浏览器。除了未清除浮动外无异常啊!

divtest 

不知道楼主什么浏览器。除了未清除浮动外无异常啊!
HTML code


*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}

还是老样子
360极速浏览器 版本号:5.3.0.922
IE8
两个浏览器都试了

除了未清除浮动外无异常

奇怪了,我在IE6,7,8、火狐,谷歌、欧朋、苹果的Safari,显示都是正常的啊。没有出现楼主所说的那种情况啊。

奇怪了,我在IE6,7,8、火狐,谷歌、欧朋、苹果的Safari,显示都是正常的啊。没有出现楼主所说的那种情况啊。
支持

显示全文