I'm stru开发者_运维问答ggling with a sidebar height.
My container is now showing the correct height (that of the content inside), but my sidebar that should be using 100% of that height is still not appearing.
I've implemented one of the suggestions below (http://www.quirksmode.org/css/clearing.html) but the sidebar's still not appearing.
I'm sure this is a simple one for you pros, any tips appreciated!
Thanks,
Tom
Here's my code: http://jsfiddle.net/tomperkins/wy52B/
Check out this way of clearing floats, it's a lot cleaner and easier to use.
Don't use clearfix
It's not necessary in most situations, and it's definitely not semantic.
The simple solution for most cases: float the parent.
HTML:
<div class="parent">
<div class="child">
</div>
<div class="child">
</div>
</div>
CSS:
.parent
{
float: left;
width: 100%; /*or whatever you want it to be*/
}
.child
{
float: left;
width: 50%;
}
精彩评论