Как отобразить в ограниченном по высоте div, другой div, по вертикали, вне свойства overflow-x: auto;

265

12 сентября 2018, 14:10

Всем привет, нужна помощь! Есть код:

<html> 
 
<head> 
    <style> 
        .container { 
            display: flex; 
            background-color: yellowgreen; 
            width: 200px; 
            overflow-x: auto; 
        } 
         
        .day { 
            padding: 10px; 
            background-color: red; 
        } 
         
        .poi-container { 
            position: relative; 
            width: 0px; 
            height: 0px; 
        } 
    </style> 
</head> 
 
<body> 
    <div class='container'> 
        <div class='day'>234</div> 
        <div class='day'>234</div> 
        <div class='day'>234</div> 
        <div class='day'>234</div> 
        <div class='day'><span>234</span> 
            <div class='poi-container'> 
                <div>У каждой юной пони</div> 
            </div> 
        </div> 
        <div class='day'>234</div> 
        <div class='day'>234</div> 
        <div class='day'>234</div> 
        <div class='day'>234</div> 
        <div class='day'>234</div> 
    </div> 
</body> 
 
</html>

Есть <div class='container'> в длинной авто, высотой 50px и свойством overflow-x: scroll. В нем лежат <div class='day'>DAY1</div> и внутри них лежат еще <div class='poi-container'>. Свойство overflow-x: auto сворачивает контейнер по высоте в 50px, а нужно чтобы горизонтальный скролл был, а вертикальный нет, чтобы <div class='poi-container'> был всегда видимый, не прятался в скролл. Высоту контейнера в 50px измениться нельзя, она обязана быть такой по множеству причин. Помогите!!!!

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как в CSS сделать тень только в одну сторону

Как в CSS задать тень блоку, чтобы она была только с одной стороны? Пример: есть блок, нужно задать ему некую тень справаТень должна быть с правой...

267

CSS

Практика по CSS. Что не так с кодом?

Задача стоит сделать так же, как в примереСделала аналогично, но показывает сходство только на 22%)) Что не так сделала? Спасибо заранее

271

CSS

Как сверстать такой блок

Как можно сверстать блок с такой анимацией? Creativo Arquitectos Web Interactions (показала подруга-дизайнер, просто интересно)Интересует, собственно, фон,...

245

javascript

Создание панорамы 360* на лету

Создаю магазин на html, css, js, phpСейчас хочу реализовать просмотр панорамы 360* которая создается на лету

246