CSS Overflow Hidden Workaround?

Question

Wondering if anyone has a work around for this issue.

I've got a markup like this:

<div id="outer">
<div id="inner">
content here
</div>
</div>

now my inner div isnt always extending as far as I would like it.

Overflow: hidden; works wonders, but in this case I have some elements that overlap the edge so I cant use that. Float:left; is good but I dont want to specify a width every time.

Ideally I want it to look like this:

could you just use left: 0px in your CSS?

ubiquibacon
– ubiquibacon

2010-08-03 01:53:56 +00:00
Commented Aug 3, 2010 at 1:53 — ubiquibacon
– ubiquibacon, Commented Aug 3, 2010 at 1:53

meder omuraliev · Accepted Answer · 2010-08-03 01:58:03Z

2

If you're referring to clearing floats, since you seem to lack CSS in the example then you'd just use a clearfix:

#outer:after {
    content:"";
    clear:both;
    display:block;
}

#outer { zoom:1; }

If not, please include the full HTML/CSS in a jsfiddle or link to the real thing.

answered Aug 3, 2010 at 1:58

meder omuraliev

187k76 gold badges401 silver badges443 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

CSS Overflow Hidden Workaround?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related