दिलचस्प पोस्ट
मुक्केबाजी और अनबॉक्सिंग क्या है और व्यापार बंद क्या हैं? कोणीय 2 – एक निरीक्षण योग्य से सीधे डेटा लौटें पायथन: datetime.date.today () मॉक करने की कोशिश कर रहा है लेकिन काम नहीं कर रहा है जेडीबीसी के साथ बैच इन्टरेट करने के लिए कुशल तरीके से GetViewTypeCount और getItemViewType तरीकों ArrayAdapter का टंक्रीट में विभिन्न अनुप्रयोगों के बीच सत्र का हिस्सा साझा करने का कोई भी तरीका? सबसे सफ़ेद पर्स टपल पर फिर से चलना अद्वितीय यादृच्छिक स्ट्रिंग पीढ़ी सूची <T> पर कैसे पुनरावृत्त करें और JSF Facelets में प्रत्येक आइटम को प्रस्तुत करें वसंत के साथ REST एपीआई संस्करण का प्रबंधन कैसे करें? वैश्विक माउस ईवेंट हैंडलर यादृच्छिक पासवर्ड जनरेट कर रहा है "मल्टीकोर" असेंबली भाषा क्या दिखती है? एंड्रॉइड संपर्क पिकर से संपर्क जानकारी प्राप्त करें

शरीर के चारों ओर मार्जिन स्थान कैसे हटाएं या डिफ़ॉल्ट सीएसएस शैलियों को साफ़ करें

मैं बेशक एक शुरुआत कर रहा हूँ, लेकिन मैंने यह पोस्ट करने से पहले भी उचित खोज की थी। मेरे div तत्व के आस-पास अतिरिक्त स्थान लगता है मैं यह भी कहना चाहूंगा कि मैंने सीमा के कई संयोजनों की कोशिश की: 0, पैडिंग: 0, इत्यादि और कुछ भी नहीं सफेद अंतरिक्ष से छुटकारा पा रहा था।

यहां कोड है:

<html> <head> <style type="text/css"> #header_div { background: #0A62AA; height: 64px; min-width: 500px; } #vipcentral_logo { float:left; margin: 0 0 0 0; } #intel_logo { float:right; margin: 0 0 0 0; } </style> </head> <body> <div id="header_div"> <img src="header_logo.png" id="vipcentral_logo"> <img src="intel_logo.png" id="intel_logo"/> </div> </body> 

यह वही है जो ऐसा दिखता है (मैंने अतिरिक्त तीरों को स्पष्ट रूप से कॉल करने के लिए लाल तीर डाली):

एक div तत्व के आसपास अतिरिक्त स्थान

मैं नीले रंग की अपेक्षा सीधे ब्राउज़र किनारों और उपकरण पट्टी पर रहने के लिए कर रहा था छवियां दोनों बिल्कुल 64 पिक्सल ऊंचे हैं और समान पृष्ठभूमि का रंग है जैसा कि #header_div को निर्दिष्ट किया गया है। कोई भी सूचना अत्यधिक सराहनीय होगी।

वेब के समाधान से एकत्रित समाधान "शरीर के चारों ओर मार्जिन स्थान कैसे हटाएं या डिफ़ॉल्ट सीएसएस शैलियों को साफ़ करें"

body में डिफ़ॉल्ट मार्जिन है: http://www.w3.org/TR/CSS2/sample.html

 body { margin:0; } /* Remove body margins */ 

या आप इस उपयोगी वैश्विक रीसेट का उपयोग कर सकते हैं

 * { margin:0; padding:0; box-sizing:border-box; } 

यदि आप कम से कम * वैश्विक चाहते हैं:

 html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } 

कुछ अन्य सीएसएस रीसेट :

http://yui.yahooapis.com/3.5.0/build/cssreset/cssreset-min.css
http://meyerweb.com/eric/tools/css/reset/
https://github.com/necolas/normalize.css/
http://html5doctor.com/html-5-reset-stylesheet/

शरीर टैग से पैडिंग / मार्जिन हटाने का प्रयास करें

 body{ padding:0px; margin:0px; } 

यह body तत्व का डिफ़ॉल्ट मार्जिन / पैडिंग है

कुछ ब्राउज़रों में एक डिफ़ॉल्ट मार्जिन होता है, कुछ एक डिफ़ॉल्ट पेडिंग होता है, और दोनों को शरीर के तत्व में एक पैडिंग के रूप में लागू किया जाता है।

इसे अपने सीएसएस में जोड़ें:

 body { margin: 0; padding: 0; } 

अपने सीएसएस में निम्नलिखित विज्ञापन का प्रयास करें:

 body, html{ padding:0; margin:0; } 

मैंने पाया कि यह समस्या शून्य पर शरीर मार्जिन को सेट करने के समय भी जारी रहती है।

हालांकि यह पता चला है कि एक आसान तय है। आपको केवल अपने HEADER टैग को 1px की सीमा देनी चाहिए, साथ ही साथ शरीर मार्जिन को शून्य पर सेट करना, जैसा कि नीचे दिखाया गया है।

 body { margin:0px; } header { border:1px black solid; } 

यदि आपके पास कोई भी एच 1, एच 2, आपके HEADER में टैग है, तो आपको इन टैगों के लिए MARGIN को शून्य पर सेट करने की आवश्यकता होगी, यह किसी भी अतिरिक्त स्थान से छुटकारा पायेगा जो दिखाई दे सकती है।

यह निश्चित नहीं है कि यह क्यों काम करता है, लेकिन मैं क्रोम ब्राउज़र का उपयोग करता हूं जाहिर है आप सीमा के रंग को अपने हेडर रंग से मेल कर सकते हैं।

इस के साथ जाओ

 body { padding:0px; margin:0px; }