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
Post a Comment