制作网页遇到的问题，该怎么解决？来总结一下

1. 问题：
   给内容加指向线
   -------我是指向线--------
   通过伪类before，after的方法添加通过伪类before，after的方法添加
   添加过程中，指向线会叠加在原来容器的上面，
   第一：降低层级，但是仍在上面
   第二：改变指向线的宽度，但是放大屏幕后那么指向线就无法贴住容器
   最佳解决方案：
   使用calc智能计算
   width:calc(（宽度 - 容器大小）/2)
   width:calc(50% - 600px);

2. 问题：
   制作这个，过程中出现了bug，设置了border，右边框竟然被隐藏了，于是我就简单粗暴了加了个<span>|</span>制作这个，过程中出现了bug，设置了border，右边框竟然被隐藏了，于是我就简单粗暴了加了个<span>|</span>
   看起来很违和，找啊找，终于找到了是谁干的，因为我用span装了两个img，设置border，并且右浮动。
   
   解决方案：将span标签设置为行内块元素或者换其他块级标签

3. 问题：
   完成盒子的布局后，并设置为50%，左浮动使2号盒子浮上来，没反应？另外下面的东西唰的一下都飘上去了~
   解决思路：
   1.首先看了看盒子的边框是不是多了1px，边距撑开了盒子导致挤不上来，要不减少宽度试试。不还有更好的办法，“变态的盒子” box-sizing：border-box；
   2.兄弟姐妹们，东西唰的一下飘上去，原来是没有设置高度，浮动不占空间，没有高度，那么上我们的必杀技：清除浮动，最简单的方法，在父集加overflow：hiddle；

2019.1.11 day3