css问题收集 2018-07-19

一、 父元素高度无法撑开 

原因：1.子元素浮动 

 解决：清除浮动

清除浮动方法：

.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}

.clearfix:{zoom:1;}

2.原因：子元素绝对定位  

解决：子元素设置相对定位

3.

解决：父元素设置overflow:hidden

二、解决inline-block间距问题（导致原因：HTML空白字符）

        解决方法1：将父节点font-size设置为0    

        方法2：不闭合父元素标签

        方法3：布局变成(li是父元素a是子元素的情况时)

<li></li><a>content</a>