No parent wrapper div was needed, just a fixed height set on the overflowing element. I realise this solution may not work for everyone, but it could certainly help some. How are we doing?
Please help us improve Stack Overflow. Take our short survey. Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue Ask Question.
Asked 10 years, 4 months ago. Active 13 days ago. Viewed k times. Improve this question. Jesse 3, 6 6 gold badges 24 24 silver badges 37 37 bronze badges.
James Khoury James Khoury 19k 4 4 gold badges 33 33 silver badges 63 63 bronze badges. What is your desired result? I don't uderstand why overflow-x: visible creates a scroll bar.
It shouldn't afaik. JamesKhoury can you elaborate a bit in your solution? I can't really make it work — George Katsanos. GeorgeKatsanos The workaround: jsfiddle.
JamesKhoury Do you think it can work for embed. Add a comment. Active Oldest Votes. This text is really long and the height of its container is only pixels. Therefore, a scrollbar is added to help the reader to scroll the content. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. You can use the overflow property when you want to have better control of the layout. The overflow property specifies what happens if content overflows an element's box. The difference between clip and hidden is that the clip keyword also forbids all scrolling, including programmatic scrolling.
The box is not a scroll container, and does not start a new formatting context. If you wish to start a new formatting context, you can use display: flow-root to do so. Browsers display scrollbars whether or not any content is actually clipped. While using W3Schools, you agree to have read and accepted our terms of use , cookie and privacy policy.
Copyright by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3. The content is not clipped, and it may be rendered outside the content box. This is default.
0コメント