In an elastic layout, the width of the parent element is not fixed, how to ensure that the child element scrolls horizontally without supporting the parent element?

Kotlin
IOS
VB.Net
SQL
Node.js
Swift
Ruby
Go
Oracle
Git
Laravel
Mongodb
Asp.Net
More...

using flexible layout, I originally intended to make the following page. The width of the right box div2 is the rest of the screen width, and the ul has a lot of li , which can be scrolled horizontally.

html

The width of

div2 has been stretched out, and the width of the browser screen has been enlarged.

is there any way to ensure a single screen and allow child elements to scroll horizontally?

Html css flex scroll

Mar.02,2021

div2 plus overflow:scroll is fine. Normally, the width of div2 should be equal to the width of ul 2000, and the extra 40 should be the margin of ul.

Previous: How does vue use v-model to bind the value of a parent component within a child component?

Next: ES6 class inheritance problem

False
Django, Why does the system automatically generate an empty session? every time the request is made?
Use python to convert dict1 to dict2, in the example. I tried for a long time but couldn't find a solution.
How to self-start the php-fpm service when building a LNMP environment with docker?
Can an array in react state be bound to a dom state using an element in the array?
Wechat browser version 6.6.5 cannot prevent the springback of pull-up and drop-down to the top under ios system.
In express+hbs, how do you define the routed data as a variable on the page?
How to use symbol reference of Iconfont in dva
How to elegantly add data to JSON objects?
Using node to build video streaming server
The proportional width of the echarts graph is inconsistent.
React uses axios to call the background data. After success, how to jump to the page based on the returned value?
I don't understand what a linux command means. Please explain it.
Vue introduces multiple components in vue-router by nesting named views, and does not refresh the same reference in other pages.
Running nodejs reports fewer errors ")"

D3 add a click event to the element, why does it take effect only after 2 clicks?
Default values in the php constructor
Vue jumps to a non-vue page and then jumps back
Robot framework always cannot find an element to report an error.
How do I submit a form using vue?