How to make the clip property: rect (...) do not occupy space (width)

Question

How to make the clip property: rect (...) do not occupy space (width)

Navigation

#1 by (2 votes)

5

I would like to know if there is any chance that clip: rect(...) will actually 'cut' the element in question, not just hiding it.

Here in this image, without clip: rect(...) , shows the border to exceed the space of your container (white box) and consequently the horizontal scroll appears.

Inthisweseethesamethingbutwithclip:rect(...),andweseenothingtoexceedthecontainer,onlyits'empty'.Whatalsoinfluencesthehorizontalscroll.

All content is adjustable to the width of the screen, if I increase or decrease the width of the window, the horizontal scroll stays the same.

Briefly, I would like to know of a solution for this border that does not occupy that extra space.

html5 css3

asked by anonymous 15.02.2014 / 21:31

1 answer

Create Roles to Hide / Show Menu Problem loading ajax with Cakephp 2.x

score 2 · Accepted Answer

Attempts to insert overflow-x:hidden; into elements .chat and / or ul.messages so regardless of whether or not the element exceeds the limit the horizontal scroll bar will not be shown.

.char, .chat ul.messages {
    overflow-x:hidden;
}