html - Divs displaying outside of container div -


there strange issue in simple html structure. here html code

<body>     <div class='datepicker' style="display: inline-block">         <div id="daydiv" class='daydiv borderme'>             <div id='uparrowdivs' class="borderme" style='display: inline-block; height:10%;width:100%;'>                 <div class='uparrowdiv borderme'>                  </div>                 <div class='uparrowdiv borderme'>                  </div>             </div>         </div>     </div> </body> 

here 2 innermost divs displaying outside of parent div has id "uparrowdivs". here jsfiddle link can see whats going on in stylesheet.

add rule .uparrowdiv

vertical-align: top; 

see the fiddle


Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

qt - Errors in generated MOC files for QT5 from cmake -