30
के साथ एक तत्व के सापेक्ष स्थिति के बाद दिखाई देने वाले व्हाइटस्पेस को कैसे हटाएं, मैं इस समस्या के लिए दूर और व्यापक देख रहा हूं और अंत में Google के पेज # 10 पर कुछ अस्पष्ट मंच पर समाधान मिला। समाधान उत्तर में हैसीएसएस
समस्या होती है निम्न: सीएसएस के साथ एक तत्व को सापेक्ष स्थिति के बाद मुझे तत्व कहां था ... मुझे सफेद जगह नहीं चाहिए!
.thetext
{
width:400px;
background:yellow;
border: 1px dashed red;
margin:50px;
padding:5px;
font-weight:bold;
}
.whiteblob
{
position:relative;
top:-140px;
left:70px;
width:200px;
height:50px;
border: 4px solid green;
background:white;
font-size:2.5em;
color:red;
}
.footerallowedwhitespaceinblue
{
height:10px;
background-color:blue;
}
.footer
{
background-color:grey;
height:200px;
}<div class="thetext"><script type="text/javascript">for(c=0;c<50;c++){document.write("Lorem ipsum dolor est, ");}</script>
</div>
<div class="whiteblob">
buy this!
</div>
<div class="footerallowedwhitespaceinblue">
</div>
<div class="footer">
The whitespace above is way to big! The buy this still takes up space whilst it is moved.
</div>JSFiddle: http://jsfiddle.net/qqXQn/
आप उदाहरण में देख सकते हैं, इसमें केवल रिक्त स्थान मैं चाहता हूँ 50px के अंतर से thetext ब्लॉक की वजह से खाली स्थान के है; और footerallowedwhitespaceinblue द्वारा रिक्ति (बनाया नीला तो यह दिखाई दे रहा है)। समस्या यह है कि ... व्हाइटस्पेस अब बहुत बड़ा है क्योंकि "इसे खरीदें" div अभी भी अपेक्षाकृत स्थानांतरित होने के बाद भी स्थान लेता है।
मैं इसे कैसे हल करूं?
बिल्कुल मैं देख रहा हूं, आपके उत्तर के लिए धन्यवाद :-) – olo
यह इतना उपयोगी है, मुझे अपने div (स्थिति: रिश्तेदार) – user256604