मैं बस एक दूसरे पर अपने कैनवास के बगल में बटन लगाने की कोशिश कर रहा हूं लेकिन मैं इसे करने में सक्षम नहीं हूं।

<div class="wrapper" style="position: relative">
    <canvas id="c"></canvas>
    <div class="controls" style="position: relative">
        <button onclick="test()">test</button>
        <button onclick="test2()">test2</button>
    </div>
</div>

यह मेरा एचटीएमएल हिस्सा है। कैनवास ऊंचाई और चौड़ाई जावास्क्रिप्ट में गतिशील रूप से बनाई गई है लेकिन अब मैं कैनवास के बगल में बटन रखना चाहता हूं। लेकिन किसी न किसी वजह से वे हमेशा पर्दे के नीचे रहते हैं। मैंने कैनवास को एक स्थिर ऊंचाई और चौड़ाई के साथ एक div के अंदर रखने की कोशिश की है, लेकिन यह भी काम नहीं किया। अगर मैं रैपर और नियंत्रण div को हटा देता हूं, तो मैं एक बटन को मैन्युअल रूप से position: absolute पर सेट कर सकता हूं और यह काम करता है। लेकिन किसी कारण से मैं इसे ठीक नहीं कर सकता। मैं स्पष्ट रूप से पूरी तरह से समझ नहीं पा रहा हूं कि तत्वों को कैसे संभालना है, इसलिए मदद की सराहना की जाएगी।

0
DeltaP 17 सितंबर 2019, 13:05

1 उत्तर

सबसे बढ़िया उत्तर

कैनवास के साथ अपने स्वयं के div में और div उपयोग में बटन के साथ:

प्रदर्शन: इनलाइन-ब्लॉक; या फ्लोट: बाएं; जो काम कर सकता है।

1
Steve 17 सितंबर 2019, 10:17