网上查询资料发现有三种方式：方法一：父组件可以外溢到子组件，但是同时会影响其他的组件方法二,方法三：都可以父组件单独影响子组件但是在实际操作过程中，我只有在尝试方案三的时候可以成功通过父组件影响子组件

（1）<input type="file">标签 （点击阅读参考资料）（2）利用addEventListener()事件监听<input type='file'>改变（点击阅读参考资料）（3）利用HTML5FileReader()中的.readAsDataURL()方法将图片url转为Base64位码（点击阅读参考资料）（4）File​Reader​.onload()方法（点击参考资料）

当父集和子集同时margin-top的时候一个是50px另外一个是20px，选择最大的那个值父子级外边距合并，造成子集不能实现margin-top=>什么原因？=>怎么解决？ padding解决外边距合并问题=>overflow:hidden;border怎么去继承， 怎么去继承父级元素

（1）img设置的width和height必须是图片的原始尺寸（2）一般inline元素是不能设置宽高，虽然img也是inline元素， 但是它是一个替换元素可以通过src，因此可以自主设置宽高inline元素和内联元素的差别。