दिलचस्प पोस्ट
मैं ग्रिड का उपयोग करके भूखंडों की एक चर सूची कैसे व्यवस्था करूं? स्ट्रिंग में बाश होता है System.out :: println के बराबर लैम्ब्डा अभिव्यक्ति क्या है जावा में चरमता वीएस स्ट्रिंग? Qt में विगेट्स पहलू अनुपात कैसे बनाए रखा जाए? केंद्र और दायां संरेखित करें फ्लेक्सबॉक्स तत्व प्रथम और अंतिम नाम के लिए नियमित अभिव्यक्ति स्ट्रिंग को java.util.Date कन्वर्ट करें एक बटन जोड़ने का सबसे अच्छा तरीका क्या है? एंड्रॉइड के लिए कैमरा ट्यूटोरियल (साउटलिव्यू का उपयोग करते हुए) पायथन डिक्शनरी समझ कैसे Django आदेश फार्म रेंडर करने के लिए आदेश पता है? जेएसटीएल सी: यदि जेएसएफ एच के अंदर काम नहीं करता है: डेटाटेबल पायथन कैसे एक बार में लाइनों की संख्या को पढ़ने के लिए मैं कुंजी मान को कैसे देख सकता हूं और एक UView के फ्रेम पर एक केवीओ कॉलबैक प्राप्त कर सकता हूं?

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

मैं बेशक एक शुरुआत कर रहा हूँ, लेकिन मैंने यह पोस्ट करने से पहले भी उचित खोज की थी। मेरे 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; }