网页设计的图文排列问题

文字和图片非要挨一起，要求是文字在图片下面，做成那种淘宝物品的那种图片在上，文字在下。

给图片加了绝对定位之后他就会脱离文档流，这时候文字自然就会排列在最上面，你可以换成浮动或者flex布局都可以实现效果

原因：绝对定位让图片脱离了文档流，文字就会跑到图片开始的地方。
解决：把外面那个黑色边框的position设为relative; 然后图片和下面的文字的position都设置为absolute, 并将图片的top设置为10px（可根据实际情况调整）， 将文字的bottom设置为10px（可根据实际情况调整）,另外也可以根据实际调整图片和文字的left和right值。