CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <div class='container' style="width: 500px;">
- <div class='left' style='height: 200px;'></div>
- <ul class='right'>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- <li class="lists">NEWS</li>
- </ul>
- </div>
- <style>
- .container {
- display: flex;
- }
- .left {
- flex-grow: 1;
- }
- .right {
- margin: 0;
- padding: 0;
- flex-basis: 20%;
- min-width: 100px;
- max-width: 200px;
- overflow-y: auto;
- }
- </style>