備忘ろぐ

specialising in Design for Natural Feeling

*

◆floatしたら親要素が高さを認識しないの時の対処法【overflow:hidden】

      2018/03/31

1024_683_html_css
いくつかあるけど今回は親要素にoverflow:hidden; か overflow:auto; をする方法

■HTML

子ボックス

■CSS
#oyabox{
background:#ccc;
overflow:hidden;/*もしくはoverflow:auto;*/
}

#kobox{
width:100px;
height:50px;
background-color:#ff0000;
float:left;
}

 - HTML&CSS