5
सीएसएस/एचटीएमएल समस्या भर नहीं जाएगी।छवि div
यह पागल है - मैं केवल यह मान सकता हूं कि मैं मूर्ख हूं। मैं अपनी छवि को उस div को भर नहीं सकता हूं जिसमें छवि है। छवि के नीचे लगातार 5px "पैडिंग" है। यहाँ
<!doctype html>
<head><link rel="stylesheet" href="style.css" type="text/css" /></head>
<body>
<div class="row">
<img src="pic2.jpg" />
</div>
</body>
और सीएसएस है:
यहाँ एचटीएमएल है
आप देख सकते हैं (:
body, .row, img {
padding: 0;
margin: 0;
border: none;
}
.row {
width: 80%;
background-color: orange;
}
img{
width: 50%;
}
यह परिणाम है बेवकूफ) नीली और लाल छवि नारंगी div भर नहीं है। छवि के नीचे दिखाए गए नारंगी का एक सतत 5 पीएक्स है। यह div या छवि की% चौड़ाई, या विंडो का आकार बदलकर परिवर्तनों से प्रभावित नहीं होता है।
मैं इसे "मार्जिन: -5 पीएक्स;" के साथ ठीक कर सकता हूं, लेकिन मैं जानना चाहता हूं कि यह क्यों हो रहा है (विशेष रूप से यदि विभिन्न परिस्थितियों में राशि 5px से कम या कम है)।
आपकी मदद के लिए धन्यवाद (और फिर क्षमा करें अगर यह मेरे हिस्से पर हास्यास्पद त्रुटि है)।
यहाँ एक जीवित उदाहरण है http://jsfiddle.net/aDtUm/ – jacktheripper