I'm not sure I understand what you're asking. Could you put together a
quick example to illustrate.
Basically what overflow: hidden does is anything that doesn't fit into
it's given container is hidden, basically meaning that it doesn't affect
the height of it's container. This only works if the parent has a height
set. If it doesn't, overflow: hidden has absolutely no effect.
Here is an example: http://www.arwebdesign.net/test2.html
In the first one, the container has a static height (500px) and no
overflow. The text just streams right out of the container.
In the second one, the container still has a static height, but has
overflow: hidden. This time, the text just disappears.
In the third one, the container has no height set, but has overflow:
hidden. This time, the container's height stretches to accommodate it's
contents.
In the fourth one, the container has no height set and has no overflow.
This functions exactly the same as the third. Overflow hidden had no
effect on the third one without a height being set.
Hope that clarifies overflow: hidden a bit.
- Christian
On 2/10/2010 1:50 PM, Jody Tate wrote:
(I'm a list lurker. Also, apologies if this has been covered before.)
In CSS, setting a div to "overflow: hidden" solves a problem it shouldn't--at
least from the name of the property and value, it seems like it shouldn't.
Often I'll have text, e.g. an h1, overflowing its containing/parent div, but setting the
containing/parent div to "overflow: hidden" causes the parent div to set its
height in a way that the formerly overflowing text no longer overflows.
I've seen this happen for years. Another developer showed me this fix years ago. But over
the years, I've never read an explanation why "overflow: hidden" fixes a
problem its name implies it wouldn't.
Have others seen this? Any explanations?
-jody
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
--
Christian Snodgrass
CEO - Azure Ronin
http://www.arwebdesign.net
http://www.htmlblox.com
Phone: 859.816.7955
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
