CSS - Can overflow-x be harmful if hidden?

user2952265

I need to give an div a width of 120%. But I don't want horizontal scrollbars, so I set overflow-x hidden for the body. Can the normal website view be harmed by that command?

CSS

body{ 
  overflow-x: hidden;
}
Carlos Calla

If you have a div with width: 120% of the body and you give

body{ 
  overflow-x: hidden;
}

You will not see that 20% more of the div's content. It will he hidden.

See the working sample: http://jsfiddle.net/carloscalla/tducn765/

It is not "harmful". If you don't want to hide that 20% then you should use overflow-x: auto;

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

CSS div Overflow hidden

From Dev

CSS overflow:hidden is not working

From Java

CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue

From Dev

Overflow y hidden breaks overflow x visible

From Dev

Floats and overflow-x: hidden;

From Dev

CSS overflow: hidden cuts shadow

From Dev

CSS overflow hidden and absolute position

From Dev

changing CSS overflow hidden behavior

From Dev

CSS: apply overflow:hidden to sibling

From Dev

CSS: apply overflow:hidden to sibling

From Dev

CSS overflow hidden and floating elements

From Dev

How can I hide scrollbar of an overflowing div in css without using overflow:hidden?

From Dev

Overflow-x:hidden; on mobile device not working

From Dev

Problems with overflow-x:hidden; in Chrome & Firefox

From Dev

overflow x: hidden causes vertical scrollbar

From Dev

overflow-x: hidden, is not working in safari

From Java

css absolute position animated with overflow hidden

From Dev

Pixelated edge around a CSS Circle with overflow: hidden;

From Dev

CSS overflow hidden causing text alignment problems

From Dev

css overflow hidden cause border disappear

From Dev

CSS wrapping text with overflow hidden div not working?

From Dev

css overflow:hidden with display:inline-block

From Dev

CSS overflow scrolling and hidden scrollbar (iOS)

From Dev

css3 columns and overflow hidden

From Dev

CSS3 zoom animation with overflow hidden

From Dev

Css - set overflow: hidden on container of floated elements

From Dev

CSS Jquery Hint for slider and overflow: hidden

From Dev

Css overflow image hidden equally in both margins

From Dev

CSS box-shadow VS overflow hidden

Related Related

HotTag

Archive