css设置图标居左_css入门：布局与定位

看完这篇博客，你将了解：

1.块级元素的高度是由什么决定的

2.内联元素的高度是由什么决定的

3.postion:fixed的bug解决套路

4.局部背景图片怎么添加？半透明色罩效果怎么实现？

5.纯CSS画三角形

6.内部元素外移套路

7.fonticon网引入图标的方法

----------------------------------------------------------------

一、块级元素的高度是由什么决定的？

1.div 高度 由其内部文档流元素 的高度 总和决定

2.文档流： 文档内元素的流动方向

2.1：内联元素从左往右流动，如果 流动遇到阻碍，就 换行继续流从左往右宽度不够，换行流

2.2：块级元素从上往下流动，每块另起一行

二、内联元素的高度是由什么决定的？

1：span的高度由建议行高决定

2:line-height

3:font-size

4:每个字体都有自己的建议行高，浏览器会默认这个行高

三、position:fixed的bug解决套路

bug演示：