ul li

Question

私は2列のページがあります。最初の列は、幅の30%で、スライドショーのサムネールは2番目の列70%です。ここでは2番目の列は次のとおりです。

あなたが底に一部が省略されることができますように私は、画面を埋めるためにサムネイルをしたいです。

は、これは私がサムネイルが赤い部分なしで画面いっぱいにためている私は何をしたい

<div class="wrapper"> 
<ul class="rig"> 
    <li>Image 1</li> 
    <li>Image 2</li> 
    <li>Image 3</li> 
    <li>Image 4</li> 
    <li>Image 5</li> 
    <li>Image 6</li> 
    <li>Image 7</li> 
    <li>Image 8</li> 
    <li>Image 9</li> 
</ul> 
</div> 

.wrapper { 
    max-height: inherit; 
    max-width: inherit; 
} 

.rig { 
    max-width: 100%; 
    margin: 0 auto; 
    padding: 0; 
    font-size: 0; 
    list-style: none; 
    max-height: 100%; 
    } 

.rig li { 
    display: inline-block; 
    width:33.33%; 
    vertical-align:middle; 
    box-sizing:border-box; 
    margin:0; 
    padding:0; 
} 

を持っているものです。 li要素の高さを指定する方法はありますか？ 基本的には、幅を33.33%、親コンテナの高さを33.33%とします。ピクセル単位で指定したくない...

Answer 1

問題は解決されました。助けてくれてありがとう 。 height: calc(100vh/3);