HTML-H5基本样式之—浮动的使用与清除

css浮动是一种使元素脱离文档流的方法,会使元素向左或向右移动,其周围的元素也会重新排列。Float(浮动),往往是用于图像,但它在布局时一样非常有用。

相信大家在进行页面布局的时候会出现这样的问题在页面的默认页面流时是从上到下进行排列的,这是就会出现问题,怎样改变这种布局呢,我们就用到了css flex弹性布局或者css的Float(浮动),下面我们展开对浮动的简单应用:

2.此时我们需要给父盒子一个宽度,以及颜色

父盒子是这个颜色

3.这是我们只需要在刚才的大盒子那里清除浮动就可以,清楚浮动有三种方法
第一种:
我们只需要在之前的大盒子那里加一段代码

此时下面添加的盒子就会按着顺序排列了,大盒子也撑开了

第三种清除浮动:我们在大盒子里面添加一个空盒子即可

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年6月17日
下一篇 2020年6月17日

相关推荐