CODEWITHSUNDEEP
htmlcss
user2166538
user2166538

Reputation: 313

hide the horizontal overflow of a html division

<div id="scroll" style="margin-left:auto;margin-right:auto;width:10000px;">

The div above will scroll horizontally on user interaction. How do I hide the overflow because I only want the user to see 800px at a time. Is this possible? And if so how. Sorry if i am unclear

Upvotes: 0

Views: 58

Answers (1)

Virus721
Virus721

Reputation: 8315

<div class="Wrapper">
    <div class="Content">
    </div>
</div>

.Wrapper {
    width: 800px;
    overflow-x: scroll;
    /* or :
    overflow-x: auto;
    */
    overflow-y: hidden;
}

.Content {
    width: 10000px;
}

Upvotes: 2

Related Questions