Within my code, I have a parent div containing multiple child divs. However, the border of the parent div is not fully covering all of the child divs, as depicted in the fiddle provided. Can someone identify what the issue might be?
<div style="border:1px dashed gray;">
<div style="position:relative;top:10px;"><input type="text" placeholder="https://" /></div>
<div style="position:relative;top:30px;"><input type="text" placeholder="https://" /></div>
<div style="position:relative;top:50px;font-size: 10px">Some content</div>
<div style="position:relative;top:60px;background-color:#E6E0EC">
<div class="glyphicon glyphicon-remove"></div>
</div>
</div>
To view the issue and code examples directly, visit this JSFiddle link