常见bug处理：
小知识点：
(1).body默认margin：8px;ul/li padding部分40px,margin部分16px;
(2).html注释： < ! - - - - > ； css注释：/* */；
(3).快标签可嵌套任何标签，行标签只能嵌套行标签，P标签不要嵌套div标签，a标签不能嵌套a标签；
(4)、快元素、行内快元素：宽高、margin/padding都可设置，行元素：宽高自适应，padding可设置，margin左右可设置，上下不可设置；
1、常用于fiexed定位中网页center中心广告位;
2、溢出容器，打点展示[css3有相关的多行文本解决方案，但针对的移动端浏览器，移动端浏览器基本08年以后]
3、背景图片处理： url(); 不加引号； background-position: center,center; 若是位于中心，可只写一个center；
延生 :网页布局中使用img图片 OR 使用背景图片的关系: 背景图片：更多是替代文本(做背景使用); img图片：展示内容，后期大量涉及后台传入图片数据，
案例：淘宝logo；
淘宝logo使用的是背景图片，当网页不能加载时会出现“淘宝网”字样（希望解决的问题是：一旦浏览器采用默认加载策略，例如网速受限制的时候，浏览器加载网页内容时会屏蔽掉css、javascript，认为html的内容更重要，这样做用户体验会更好）
4、盒子模型中的margin的bug处理
(1).margin的合并问题：无论是行元素还是快元素（行内快元素）水平方向上不会合并，垂直方向上，行元素不能设置margin：top/bottom，所以不讨论，如果一个是行内快元素一个是块元素，垂直方向上也不会合并；
两个都是快元素的时候会发生合并现象（重叠），取大值，解决方案是：可以使用bfc进行处理[过程：增设一个父元素，给父元素加触动bfc的条件，最好不要使用，可以调节两者之间的像素值来调节样式，不要随便改变html结构]
(2).margin坍塌：垂直方向嵌套的父子元素margin重叠，父元素容易出现“没棚”，也就是坍塌了；
解决方案：1、父元素增加border，2、父元素bfc的使用，触发盒子的bfc,就可以解决，父元素和子元素各自实现自己的margin-top;具体采用以下那种，灵活应用，减少影响； 1、position:absolute; 2、display:inline-block;3float:left/right; 4、overflow:hidden;
不建议使用方案1 添加border，（实际开发中对像素要求极高，不可随便加border）
5、设置报纸布局中图片周围环绕文字的现象，由于img有inline-block的属性；inline有文字属性，所以周围写文字后，同处一行，但不会环绕，可以给img设置浮动，这样文字依旧可以看到它 img｛float：left;｝
文字环绕效果