2列のレイアウトでは、一方の列が静的でもう一方の列がコンテンツを生成した場合、どのように両方をラッパーの高さの100%に保つことができますか?動的コンテンツを使用して列の高さを100%維持
https://jsfiddle.net/t1h4vngv/1/
HTML
<div class="wrapper">
<div class="col left">
Static stuff
</div>
<div class="col right">
Dynamic Stuff
</div>
</div>
CSS
html,
body,
.wrapper,
.col {
height: 100%;
margin: 0;
padding: 0;
}
.col {
float: left;
}
.left {
background: lightblue;
}
.right {
background: lightgreen;
}
.thing {
width: 200px;
height: 100px;
background: beige;
border: 2px solid grey;
}
JS
はこちらをご覧:https://css-tricks.com/fluid-width-equal-height-columns/ –