2013-06-27 4 views
6

मैं फ्लोटेड divs पर मार्जिन को ध्वस्त करने का एक तरीका जानने का प्रयास कर रहा हूं।फोर्स मार्जिन फ्लोटिंग तत्वों पर पतन करने के लिए?

डिवाइडिंग 2 से मार्जिन ओर से काम नहीं चलेगा ... divs 'मार्जिन बी/संक्षिप्त करने के लिए ग प्रत्येक div (आदेश सही & पिक्सेल सही डिजाइन के खिलाफ हो देखने के लिए में) एक अलग मार्जिन आकार की जरूरत की जरूरत है।

पूर्ण स्थिति काम नहीं करेगी ... divs को प्रवाह में होने की आवश्यकता है ताकि टेक्स्ट divs के खिलाफ क्लिप न हो।

इनलाइन-ब्लॉक काम नहीं कर सकता है ... इनमें से कुछ divs को उनके माता-पिता के नीचे गठबंधन करने की आवश्यकता है, जबकि अभी भी उनके चारों ओर पाठ प्रवाह है। मैं यह पता लगाने में सक्षम नहीं हूं कि इसे फ्लोट के बजाय इनलाइन-ब्लॉक के साथ कैसे पूरा किया जाए।

क्या फ्लोट पर ढह गए मार्जिन को पूरा करने के लिए वैसे भी है?

संपादित करें: यदि यह उद्देश्य से अस्पष्ट के रूप में पढ़ता है, तो ऐसा इसलिए है क्योंकि मैं आपको पूरे दुःस्वप्न-ऑफ-डिज़ाइन पर विचार करने के सभी बड़े सिरदर्द को बचाने की कोशिश कर रहा हूं जिसे मैं कार्यान्वित करने की कोशिश कर रहा हूं।

संपादित 2: इसे लिखने के बाद, मुझे बस एहसास हुआ कि फ्लोट पर मार्जिन को पतन किए बिना मेरी विशेष समस्या को कैसे हल किया जाए, हालांकि मैं अभी भी जानना चाहूंगा कि यह भी संभव है या नहीं!

+0

आप क्षैतिज या लम्बवत मार्जिन की बात कर रहे हैं दे सकता है? किसी भी मामले में, मेरा मानना ​​है कि केवल तत्व क्षैतिज मार्जिन पतन हो जाते हैं जब वे तत्व एक-दूसरे का अनुसरण करते हैं। – skube

उत्तर

2

Andy Budd एक लंबे समय पहले कहा था:

आप एक बॉक्स नाव है, तो इसका मार्जिन अब पतन।

4

मूल रूप से आपको जो करना है वह थोड़ा और मार्कअप जोड़ना है।

आप वांछित मार्जिन घोषित किए गए एक div में फ़्लोट किए गए तत्व को लपेटकर फ़्लोट किए गए तत्वों पर मार्जिन-पतन सक्षम कर सकते हैं।

मैं आगे विस्तार से बताएं और एक उदाहरण यहां http://codepen.io/nicksaemenes/pen/moutp

संबंधित मुद्दे

 संबंधित मुद्दे