常有html设计入门的设计师，在设计图中会出现一些这样或那样的问题，下面我对于经常出现的问题进行汇总及解决，当然自己也是新人也在学习但中，写这个就是汇总自己初学期间出现的一些问题，未涉及到的问题，请指点，谢谢。
1.div的问题，有的新手设计师在写网页的时候，写完代码，打开网页看不到效果，而自己也用f12查找了，盒子各种属性都对，就是没效果，这时我觉得，代码是写对了，没出来那就是盒子的位置不对，很大可能是书写在了上一个内容盒子上面了，这时就要在网页中f12查看器中，找寻盒子的位置了，也有的是不会找的那笨一点的办法就是在代码中一个一个检查盒子，及折叠盒子，折叠盒子是一个重要环节，一定要养成习惯。但是也有的会出现盒子没法折的现象，就是书写代码时不知道分层闹的，分层也是养成的，在找问题上会事半功倍。
2.浮动：在一个盒子里有多个内容，简单的距离，div中的ul、li，给li左浮动，如果出现下面的问题（右图）， 而我们要的效果是左图中的效果的话，就要先检查ul及li，是不是因为浮动的问题造成，这个时候最好给盒子价格background-color，以便观察，如果没什么问题，而且默认样式也清理了， 那么我建议去检查上个盒子的元素，看看是不是上课盒子的行高，字体大小，等原因引起的，当然这个在网页中查看效率高，找到问题解决了就可以达到想要的效果了，下图就是因为字体line-height引起的。
3.100%设置的时候有的浏览器会出现滑动条，建议加上overflow-hidden，
4.img的问题：在写网页中有时候，插入的图片大小和你设置盒子大小一至，可是你在书写下个盒子的时候在网页中会出现留白（没有完全紧跟上个盒子），这个时候就要想到img的的的默认样式了，建议给img进行display:block；操作， 还有就是在插入图片时，会出现和其他元素对不起的情况，建议浮动或转行内块，给一定margin值，还有就是给img这个属性：vertical-align:middle;也是可以的；
5.btn：同样的有默认样式， border：0；就好了，
6.关于盒子高度设置与否，这个因人（公司）要求来做，我是比较喜欢给高度的，虽然它后期改版上操作麻烦点。
7.字体不会回行，这个只出现在全是英文输入的时候， 给此元素加一个 word-break:break-all；解决。
8.关于元素命名：书写代码时同一个名称可以重复使用，加上父级就可以了，当然不要给同级盒子名一样的名字。
9.代码书写错误也是一个大问题，这个在书写时注意就好。
总的来说，在初学期间多用查看器是一个有效解决问题的方法。
其他的问题还没遇到，个人也在学习中，有不一样的问题可以多交流，谢谢。