调整浏览器大小时停止abolute div移动

Question

I have created a relative container div with 100% width, it contains 5 div child elements in it.

I have set the child elements to absolute and set top and left pixel positioning.

However when I make my browser smaller my child elements move in and create scrollbars, I do not want this, I want the child elements to stay where they are for now, I do intend to learn media queries eventually but for now I just want them to stay where they are within the relative parent div .

Here is my test page: http://www.hotelmedeals.com/indexx.html

Answer 1

You have given "left:" position in %, change them in pixel to keep them static... they are right now changing the left position as per % of the window when you reduce the size

Hope this helps!