css - Getting weird vertical scrollbar -


मैं क्या हासिल करना चाहता हूं यह है  result

इसे पाने के लिए, मैंने इस शैली के साथ एक div (.toolbar-left) बना दिया

  .left-toolbar {width: 300px ; पृष्ठभूमि: #ddd; पैडिंग: 15px; बाईंओर तैरना; ऊंचाई: 100%; }   

मैंने भी इस शैली के साथ। Div डिज़ाइन किया है:

  .paint {margin-left: 300px; ऊंचाई: 100%; }   

मैं इन शैलियों का उपयोग कर रहा हूं, अगर उनकी समस्या के साथ कुछ करना है:

  *, *: before, *: after { -मोज़ बॉक्स-आकार: सीमा-बॉक्स; -वेबकिट-बॉक्स-आकार: सीमा-बॉक्स; बॉक्स-आकार: सीमा-बॉक्स; } Html, शरीर {मार्जिन: 0; पैडिंग: 0; फ़ॉन्ट-परिवार: 'मोंटेसेराट', 'बिना-सेरिफ़'; फ़ॉन्ट-आकार: 14px; ऊंचाई: 100%; }   

यह ठीक से काम करता है, लेकिन जैसे ही मैं चौड़ाई और ऊंचाई 100% के साथ एक कैनवास तत्व जोड़ता हूं, एक ऊर्ध्वाधर स्क्रॉलबार जोड़ा जाता है।

तो, मैं स्क्रॉलबार क्यों ले रहा हूं?

संपादित करें : मैं अपने आकार और सब कुछ (डिव्स, बॉडी और कैनवस) की एक ही ऊंचाई की जांच करता हूं।

एक JSFiddle बनाया:

आपको कैनवास में डिस्प्ले ब्लॉक जोड़ने की आवश्यकता है

सीएसएस

  # पेंट_कैनवास {ऊंचाई: 100%; चौड़ाई: 100%; प्रदर्शन क्षेत्र; }    

Comments

Popular posts from this blog

c - Mpirun hangs when mpi send and recieve is put in a loop -

python - Apply coupon to a customer's subscription based on non-stripe related actions on the site -

java - Unable to get JDBC connection in Spring application to MySQL -