2015-03-27 10 views
37

मैं मानचित्र में मेनू जोड़ने पर काम कर रहा हूं। मेनू ठीक काम कर रहा है सिवाय इसके कि मैंने देखा कि बाईं ओर हमेशा एक पैडिंग है चाहे कोई भी सीएसएस मेनू पर लागू न हो। पैडिंग की उत्पत्ति (-वेबकिट-पैडिंग-स्टार्ट: 40 पीएक्स;) से हुई है और यह दूर नहीं जाना चाहती है। मैंने 0 !important; के साथ इसे ओवरराइड करने का प्रयास किया जो कुछ भी नहीं किया।-webkit-padding-start से छुटकारा पाएं: 40px

बाद Googling पाया इस:

-webkit-padding-start: 40px; What it should be for IE and Firefox?

हालांकि कैसे ओवरराइड या इस दूर जाना बनाने के लिए पर कुछ और नहीं पा सके। मुझे मेनू में वस्तुओं को बाईं ओर सभी तरह की आवश्यकता है।

enter image description here

संलग्न एक स्क्रीनशॉट है, हरे-भरे क्षेत्र मैं क्या और शैलियों आप -webkit-गद्दी से शुरू देख सकते हैं के तहत बात कर रहा हूँ है: 40px;

+0

'@sqe margin-left: -40px;' यह वास्तव में काम किया, मैं अभी भी नहीं यकीन है कि कहाँ हूँ यह से आ रहा है? –

+0

नीचे मेरा उत्तर देखें, यह प्रत्येक ब्राउज़र की उपयोगकर्ता-एजेंट स्टाइलशीट की वजह से है। – sqe

+0

'मार्जिन-बाएं: -40px;' जोड़ने के बाद 'यह' -webkit-padding-start: 40px 'अभी भी है लेकिन मेनू बाईं ओर सभी तरह से है। धन्यवाद। –

उत्तर

38

यह प्रत्येक ब्राउज़र के उपयोगकर्ता-एजेंट स्टाइलशीट की वजह से है। आपको अपने सीएसएस में अपने पहले चरण के रूप में हमेशा सभी विशेषताओं को रीसेट करना चाहिए।

लघु समाधान:

* { 
    margin: 0; 
    padding: 0; 
} 

/* your styling */ 

लंबे समय तक समाधान:

http://meyerweb.com/eric/tools/css/reset/

+3

यह भी काम करता है। मैं इसके बजाय 'मार्जिन-बाएं: -40 पीएक्स;' का उपयोग करूंगा क्योंकि यह केवल पूरे प्रोजेक्ट को मेनू पर ही प्रभावित करेगा, लेकिन अगली परियोजना में सीएसएस रीसेट का उपयोग करेगा। धन्यवाद। –

+0

आपका स्वागत है। ** मार्जिन-बाएं: -40 पीएक्स; 'केवल उस विशिष्ट मेनू पर लागू करना सुनिश्चित करें (** # विशेष-उल {मार्जिन-बाएं: -40 पीएक्स;} 'जैसे आईडी को लागू करने के लिए ** पर मार्जिन से बचने के लिए प्रत्येक ** उल। – sqe

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