Почему не работает overflow-x:scroll?

Question

[Алексей Королёв]

Хочу вывести в ряд все картинки с полосой скролинга, но не одина вариация overflow не работает. Помогите пожалуйста. Если нужно вживую на код посмотреть, то вот ссылка.

Comments

[Модератор]

См.п.3.8

Answer 1

[Юрий Иванов]

.xfieldimagegallery {
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
    display: flex;
    overflow: auto;

.xfieldimagegallery li img {
    display: block;
    border-radius: 10px;
    height: 130px;
    transition: box-shadow 0.5s ease;

Если я все правильно понял, то так, у вас очень много импортант задано + фиксированная ширина картинок была

Comments

[Алексей Королёв]

Спасибо большое, то что нужно. Сам как-то не додумался

Answer 2

[imko]

Если коротко - выпиливай флоат)
А если не коротко то картинки из-за флоата игнорируют обычную раскладку элементов, в которой ты лишкам мог дать инлайн блок и запретить перенос.
Добавление флекса самому списку на выходе дает требуемый вид но получается говнокод который пока не запустишь не увидишь как он все таки будет работать