在div中预览多张图片时出错

Question

I am uploading multiple images from a single input box and want user to see a thumb preview before uploading image to server.

My problem is the thumb previews are being shown outside DIV, like this:

How do I make those thumbs appear inside the dark area?

My jsfiddle code is here .

Answer 1

div#uploa by default have a display property set to block, wich meens any added element will be set below the div, so what you need to do, is to set position of the div to relative, then the position of the images to absolute, then control the left property using javascript.

this is exactly the element you need to target

output#list {
   position: absolute;
   top: 10;
   left: 230;
}