写html自适应的时，有些时候你包了一个块之后，在里面插入图片，设置了不超过盒子的宽高。图片却并不会在盒子里面。它会溢出。遇到这个问题是基线对齐的问题，这个时候你可以去改变它的基线对齐方式，verticle-middle，或者verticle-top。之类的语句去改变它对齐的方式。让他回到盒子内部。
当年在正常块盒排版的时候，你已经在通配符里面设置了margin:0;padding:0;但是在网页中显示的时候，上下块盒之间会出现莫名其妙的间距，检查的时候，也没有显示他们有margin，这个时候可以通过弹性布局里面的竖直排列来解决这个问题display:flex;flex-direction:column;