本篇教程学习的是店铺装修-float浮动在布局中的意义,喜欢的一起来学习吧。
那我们开始今天的教程吧。
1.浮动就相当于在正常排版的情况下,让它一左一右去排版,创建的所有div标签都是按照顺序往下排列的,但是添加了这个浮动之后,可以让其中一个元素,跑到另一个位置上来。
2.它的属性叫float,它有两个值,一个是left,一个是right,添加一个父级,里面有两个子级元素,给第一个div加个样式,宽度500px,高度500px,添加背景颜色,然后再添加两个子元素。
3.给第一个添加样式,宽度100px,高度100px,添加一个背景颜色,打上文字,第二个加个style,宽度150px,高度150px,添加背景颜色,打上文字,正常盒子是按照顺序往下排列,然后来做浮动布局。
4.给这个元素添加【float】,【left】,下面写个【float】,【right】,这个盒子第一个靠左,第二个靠右了,如果两个都是左浮动,那么它就会按顺序排列。
5.做一个导航条,创建个盒子,创建一些子级,可以使用ul来做布局,定义li,放一个href,打上文字,复制6个,是顺序往下排列的,要想显示一行,给li