CSS实战中的各种疑问

1.

一、问题描述

父div中里面的内容（如div）浮动之后，父div的高度不能自适应了

 

二、给父div加上overflow:hidden;即可解决

 

三、网上其他解决方法（未测试，但原理差不多）：

  给父div加上

overflow:auto; zoom:1;

 overflow:auto;是让高度自适应， zoom:1;是为了兼容IE6，也可以用height:1%;的方式来解决。

 

 

2.margin :如果用了auto继承下来。

margin 往里缩，padding，width不变，因此，padding的增加导致整个膨胀。

这样子是正解

#tab>li .content{

    margin: 10px;
    border-top: 2px solid black;
}
#tab  .point{
    width: inherit;
    list-style-type: decimal;
    /*padding: 10px;*/
}

3.如果你是用ul，那么chrome默认会给你40px的padding，你可以自己调试，之所以要给40瓶，是因为ul前面的数字需求。

4.如果你用的是span，当你的中午呢字体先hi不下的时候，他就会换行，所以，它的width，就会不是继承的。而是比集成的值要稍微小点。