css 中如果子元素大于父元素的connet，怎么显示

1. html 代码如下

<html>
    <head>
        <style>
            div {margin: 0px; padding: 0px;}
            #a001{width: 100px; height: 100px; margin:0 auto; border-color:red; border-style: solid; border-width: 30px;}
            #a002{width: 100px; height: 100px; margin:0 auto; border-color:red; border-style: solid; border-width: 1px;}
            #null {widht:20px; height:20px;}
            #a004 {widht:100px; height: 100px;}
        </style>
    </head>
    <body>
        <div id="a004">
            <div id="a001">

            </div>
        </div>
        
        <div id="null">
        </div>
        
        <div id="a002">
            
        </div>
    </body>
</html>

2. 在 火狐中的显示

 

 

在ie中的显示：

3.结论 在火狐中没有挤压子元素的connect, 在ie中挤压了。

posted @ 2013-03-27 14:22  刘牛德  阅读(451)  评论(0)    收藏  举报