css - Set height of one col to the height of the other -


i have 2 divs:

<div class="wrapper">     <section id="left-panel"></section>     <section id="right-panel"></section> </div> 

i have height of right-panel equal height of left-panel. how accomplish using css only?

this not same saying want them same height. want height same, maximum of left-panel height. if right panel taller, should clipped @ bottom , become overflow , still respect height of left panel.

also, content of left panel not dynamic, not same across pages, cannot set max-height on left panel.

i think need declare height of wrapper in pixels. declare section height 100% fill wrapper space. give section overflow-y scroll. tried in inspector (width , float place sections 1 next other):

.wrapper {     height: 50px; }  .wrapper section {     width: 10%;     height: 100%;     float: left;     overflow-y: scroll; } 

Comments

Popular posts from this blog

mysql - Dreamhost PyCharm Django Python 3 Launching a Site -

java - Sending SMS with SMSLib and Web Services -

java - How to resolve The method toString() in the type Object is not applicable for the arguments (InputStream) -