यह बुरा व्यवहार सीएसएस

Question

में नकारात्मक हाशिए या पैडिंग उपयोग करने के लिए एक परियोजना के नीचे इस छवि उदाहरण के लिए ले लो मैं पर काम कर रहा हूँ ... ब्लू पृष्ठभूमि एक DIV एक और DIV के अंदर है कि कि सभी कि साइडबार संपर्क लपेटता है एक साथ अनुभाग। Blue BG DIV और प्राप्त करने के लिए दौर सीमा के लिए माता-पिता मार्जिन/गद्दी की वजह से एक अंतर नहीं रहा नकारात्मक हाशिए उपयोग करने के लिए
margin: -9px -2px 8px -6px;

तो सवाल है, यह बुरा व्यवहार नकारात्मक हाशिए उपयोग करने के लिए है के लिए किया था या पैडिंग?

Answer 1

नहीं; यह बुरा अभ्यास नहीं है, जब तक आप इस तथ्य से अवगत हैं कि आप नकारात्मक मार्जिन का उपयोग कर रहे हैं, और यह आवश्यक रूप से 'अन्य' 'असामान्य' स्थिति से 'खींचता है'/'चाल' तत्वों को खींचता है।

आप इसके बारे में चिंता क्यों करेंगे?

Answer 2

नकारात्मक मार्जिन हेडिंग आदि के लिए तत्व के अंदर पैडिंग को अस्वीकार करने का एक शानदार तरीका है। मुझे ऋणात्मक मार्जिन का उपयोग करने के लिए कोई नकारात्मक परिणाम नहीं मिला है (पन क्षमा करें)। उदा:

<div style="padding:10px;border:1px solid blue;"> 
<div style="margin:-10px -10px 10px -10px;backgorund-color:yellow;">Full width heading</div> 
The content of the div which is now padded in by ten pixels. 
<div> 

जब मैं पहली बार उन्हें पता चला कि मैं नकारात्मक हाशिए बारे में चिंतित था, लेकिन उन्हें मिल गया है बहुत उपयोगी हो रहा है तो कई लेआउट वास्तव में मायने रखता है div को कम करने और लेआउट कोड को साफ करने areas-।