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,就会不是继承的。而是比集成的值要稍微小点。