горизонтальная полоса прокрутки в таблице или списке

Question

Есть ли вероятность иметь трехстороннюю строку, где столбец один и третий имеют фиксированную ширину 100 пикселей, а столбец второй реагирует? Когда я пытаюсь выполнить таблицу, горизонтальная полоса прокрутки больше не появляется, если столбец второй становится меньше 500 пикселей. Когда я попробую список (float: left или дисплей: встроенный блок) это та же проблема.

#div_scroll { 
 
    width: auto; 
 
    height: 50px; 
 
    border: 1px solid black; 
 
    overflow-x: auto; 
 
    overflow-y: hidden; 
 
} 
 

 
#p_scroll { 
 
\t width:500px 
 
}

<div id="div_scroll"> 
 
    <p id="p_scroll"> 
 
    m ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut kasd gubergren, no sea takimata sanctus est Lorem ipsum 
 
    </p> 
 
</div>

Answer 1

p_scroll должно быть больше, чем div_scroll для этой работы.

Другими словами: DOM внутри прокручиваемого DOM должен быть больше для полосы прокрутки.

Answer 2

Проверьте эту страницу, на которой обсуждались горизонтальные полосы прокрутки, here.

Я не думаю, что вы хотите, чтобы этот p_scroll вообще или что-то переместил материал переполнения в p_scroll, потому что у вас есть одна вещь, указывающая автоматическую ширину и другую настройку ширины на определенную сумму.

Как и на этой странице, вы также можете добавить white-space: nowrap;