javascript - Make five left floating elements with 25% width continue floating offscreen -

मेरे पास वर्तमान में पांच & lt; li & gt; तत्व हैं प्रत्येक & lt; li & gt; 25% चौड़ाई से परिभाषित किया गया है:

  ul li {float: left; चौड़ाई: 25%; }  

और एक आवरण कंटेनर के भीतर परिभाषित किया गया है:

  #wrapper {स्थिति: निरपेक्ष; चौड़ाई: 125%; }  

क्या करना है जो दिख रहा है: चार पहले तत्वों को ऑन-स्क्रीन में 100% चौड़ाई लेते हुए बनाएं और अंतिम तत्व फ्लोट ऑफ ऑफ़स्क्रीन रखें।

ध्यान दें: अंततः पांच तत्वों से अधिक हो सकते हैं।

मुझे जो अनुभव है वह है कि हालांकि मेरी आवरण 5x25% = 125% में फिट होने के लिए निर्धारित है, अंतिम तत्व "ब्रेक्स" नीचे और चौथा

आप के रूप में पूरी तरह से 25% ऑनस्क्रीन नहीं दिखाता है। है:

  #wrapper {width: 125%; }  

आपके पास 5 तत्व हैं, इसलिए हर एक मूल तत्व का 20% होगा, इसलिए

  ul li {width: 20%; }