css最古老的布局float

block formatting context (BFC)

block 元素， 
float: left/right  

不跟再float后面，重新起一行。
clear: left/ right / both;



.wrapper {
  background-color: rgb(79,185,227);
  padding: 10px;
  color: #fff;
  overflow: auto;
}

overflow: auto ;  可以将本区块变成block，就算里面设置的float: left; 后面也不在跟内容， 等同于后面的元素设置 clear: both;

只不过用了overflow: auto 可能会出现滚动条。 所以现在的方式是使用  flow-root;

display: flow-root;


.wrapper {
  background-color: rgb(79,185,227);
  padding: 10px;
  color: #fff;
  display: flow-root;
}


阅读量: 656
发布于:
修改于: