how to prevent child element from overflowing parent element (css position)

the attach image is original work. I am building a dropdown, but droplist with absolute position overflowing it parent with relative position. here is the code that demonstrat the work: http://jsfiddle.net/er6tL5q0/1/
Edit fiddle - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
2 Replies
13eck
13eck2y ago
You can't. Absolute positioning take the element out of the document flow and it just sits where ever you put it. But if you're making a dropdown list you should be using the right element for it: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary div is not the right element, the details element is literally the drop down element
get out...!
get out...!2y ago
got it man
Want results from more Discord servers?
Add your server