css浮动
63
css浮动带来的影响：1、由于浮动元素脱离了文档流，所以父元素的高度无法被撑开，影响了与父元素同级的元素；若没有给父元素设置高度，那么父元素就不会在显示屏上显示。2、浮动元素不再占用原文档流的位置，它会对后面的元素排版产生影响。本文操作环境：windows7系统、css3版本，Dell G3电脑。推荐：css视频教程我们要知道：浮动的框可以左右移动，直到遇到另一个浮动框或者遇到它外边缘的包含框。浮动框不属于文档流中的普通流，当元素浮动之后，不会影响块级元素的布局，只会影响内联元素布局。此时文档流中的普通流
25
在上述文章中，我们对float基本属性有了详细的理解，下面我们来讲述float怎么用，最经典的案例分享。【推荐阅读：前端float怎么用？float属性详解】在csss样式中，浮动float是最好的属性，我们可以通过不同的浮动属性来去定位div元素，来达到想要的效果，float属性就是控制盒子以及盒子中的内容向右向左浮动，在css中，任何的元素都是可以进行浮动的。案例分享： 在上述图片中，我们定义了2个div模块，一个是大的模块，一个是小的模块，为了我们便于观察，我们在每一个模块都加上了颜色，便于区分