css浮动是一种使元素脱离文档流的方法,会使元素向左或向右移动,其周围的元素也会重新排列。Float(浮动),往往是用于图像,但它在布局时一样非常有用。
相信大家在进行页面布局的时候会出现这样的问题在页面的默认页面流时是从上到下进行排列的,这是就会出现问题,怎样改变这种布局呢,我们就用到了css flex弹性布局或者css的Float(浮动),下面我们展开对浮动的简单应用:
1.首先我们打开常用的编辑软件,我用的是Hbuder,当然用别的也可以
我们在里面定义一个div当大盒子给它的class属性起一个名字class="box_content"
,在大盒子里面我们定义四个div(随便几个)给他们定义class属性,这里我首先给它们都在前面定义一个公共的class属性box在后面在分别给他们添加专属的class属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.box_content{