More than 5 years have passed since last update.

floatしたときの親要素の高さを復活させる方法(clearfix)

HTML
CSS

Last updated at 2014-04-02Posted at 2014-04-02

style.css

#child1 {
    fload: left;
}
#child2 {
    fload: right;
}

.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: ".";
    display: block;
    clear:both;
    visibility: hidden;
}

index.html

<div class="clearfix">
    <p id="child1">子要素１</p>
    <p id="child2">子要素2</p>
</div>

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up