css flex overflow scroll

Dionoh answered on July 1, 2022 Popularity 10/10 Helpfulness 3/10

answer css flex overflow scroll

related make flex scroll on overflow horizontal

css flex overflow scroll

Comment

<!--Please give a thumbs up if this was helpfull-->

/*HTML*/
<div class="content">
    <div class="box">
        <div class="column">Column 1</div>
        <div class="column">Column 2</div>
        <div class="column">Column 3</div>
    </div>
</div>

/*CSS*/
.content {
    flex: 1;
    display: flex;
    overflow: auto;
}

.box {
    display: flex;
    min-height: min-content; /* needs vendor prefixes */
}

Popularity 10/10 Helpfulness 3/10 Language css

Source: stackoverflow.com

Tags: css overflow scroll

Link to this answer
Share Copy Link

Contributed on Aug 03 2022

Dionoh

0 Answers Avg Quality 2/10

Closely Related Answers

make flex scroll on overflow horizontal

Comment

<div class="flex overflow-x-auto gap-8 w-[320px] md:w-full">Contents</div>

<!-- Make sure you have given the div a width -->

Popularity 10/10 Helpfulness 4/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Jul 01 2022

https://aybee.codes

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

css flex overflow scroll

Contents

More Related Answers