css中flaot浮动的原因及怎么解决

这篇文章主要讲解了“css中flaot浮动的原因及怎么解决”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“css中flaot浮动的原因及怎么解决”吧！
　　flaot浮动的原因与副作用
　　float中的四个参数
　　left，right，none，inherit
　　float浮动的原因
　　使用浮动之后，元素会脱离标准的文档流。（标准的文档流就是按照不同的元素种类，如块元素，行元素按照各自的特点去排列显示，虽然属性不同，但都是按照从上到下，从左到右的顺序进行排列）
　　float浮动的副作用
　　两个块级元素，会被浮动元素覆盖
　　这里写图片描述
　　 　　.box{
　　border:4pxsolid#000000;
　　width:200px;
　　height:200px;
　　display:inlin免费云主机、域名e-block;
　　}
　　.itemSmall_1{
　　background-color:chartreuse;
　　width:40px;
　　height:40px;
　　border:2pxsolid#000000;
　　/*float:left;*/
　　}
　　.itemSmall_2{
　　background-color:chartreuse;
　　width:40px;
　　height:40px;
　　border:2pxsolid#000000;
　　float:left;
　　}
　　.itemBig{
　　background-color:blue;
　　width:150px;
　　height:150px;
　　border:2pxsolid#000000;
　　}
　　
　　 　　 　　

相关推荐: Python经典面试问答题有哪些

本文小编为大家详细介绍“Python经典面试问答题有哪些”，内容详细，步骤清晰，细节处理妥当，希望这篇“Python经典面试问答题有哪些”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。　　1、Python中OOPS是什么?　　面向对象…