Home/ Questions/Q 7731581
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T06:30:57+00:00

I have an image with float:left , and I’d like it to overflow its

  • 0

I have an image with float:left, and I’d like it to overflow its parent, but cut off the overflow. Here’s what it looks like without any overflow rules:

                                   enter image description here

Here’s what I want:

                                   enter image description here

Here’s a fiddle: http://jsfiddle.net/ZA5Lm/

For some reason, it was decided that overflow:hidden without an explicit height results in the element growing.

Can I somehow achieve the effect I’m after without setting an explicit height? An explicit height doesn’t work because I want this div to size automatically based on content length and browser width.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In my opinion using overflow: hidden without setting dimensions doesn’t make sense. If you don’t want to specify the height of the container and if your images have a fixed width you could use this solution: http://jsfiddle.net/ZA5Lm/11/

    The image is positioned with absolute, taking it out of the text-flow. However – and I’m aware that this may be ugly – you need to specify a padding-left to move the text away from the image.

    • 0