¿Cómo elimino el desbordamiento de mi propiedad?

How do I remove overflow from my property?

1. Register a jquery click event for div.
2. On click, remove overflow and set width to 100%

overflow: scroll Setting the value to scroll , the overflow is clipped and a scrollbar is added to scroll inside the box. Note that this will add a scrollbar both horizontally and vertically (even if you do not need it): You can use the overflow property when you want to have better control of the layout.

How To Hide Scrollbars

1. body { overflow: hidden; /* Hide scrollbars */ } Try it Yourself »
2. body { overflow-y: hidden; /* Hide vertical scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */ } Try it Yourself »
3. /* Hide scrollbar for Chrome, Safari and Opera */ .example::-webkit-scrollbar { display: none; }

The overflow property is specified as one or two keywords chosen from the list of values below. If two keywords are specified, the first applies to overflow-x and the second to overflow-y. Otherwise, both overflow-x and overflow-y are set to the same value. Content is not clipped and may be rendered outside the padding box.

The overflow property has the following values: visible Default. The overflow is not clipped. The content renders outside the element’s box scroll The overflow is clipped, and a scrollbar is added to see the rest of the content auto Similar to scroll, but it adds scrollbars only when necessary

The overflow property specifies whether to clip the content or to add scrollbars when the content of an element is too big to fit in the specified area. The overflow property has the following values:

For example, overflow: scroll hidden would set overflow-x to scroll and overflow-y to hidden. If you only want scrollbars to appear when there is more content than can fit in the box, use overflow: auto. This allows the browser to determine if it should display scrollbars. In the example below, remove content until it fits into the box.