the example is here: https://codepen.io/mashirozx/...
page uses column wrap layout, want to constantly load new content, and in the form of child elements append into the box, beyond the width of the screen can scroll (overflow-x), so the width of the box can be automatically adjusted according to the width of the child elements, similar to the traditional layout of width: auto .
this is the current situation:
: 
how should I adjust it?
add overflow: auto;
if you need to keep the outer margin of the 10px at the end (rightmost), you can add:
to the answer upstairs.
.flex-container-content > div:last-child {
border-right: 10px solid -sharp333;
}the calculation of the width of the parent container is extremely complex here, and the conclusion is that according to the visual formatting model, the right margin will be ignored. If you are interested, please take a look at the standard explanation: https://www.w3.org/TR/CSS22/visudet.html-sharpblockwidth
both of you upstairs are done, that's what happened
<div class="car-info"> <v-blue title_text="" :time_text="other_info.update_time">< v-blue> <ul> <li v-for="item in detail_info" class="item"> <...
CSS: .col { width: 100%; ... } .block-flex { display: flex; justify-content: flex-end; align-items: center; ... } .scroll-dx { overflow-x: scroll; ... } HTML: <div class="col block-flex scroll-dx"><div> scroll...
https: www.airbnb.com s Oreg. I found something about airbnb that I want to study, but I can t steal it. I know it s flex-related technology but it s just his more special . When you go in, you should see the housing information of five col. The...