css浮动属性学习

在此文,

html菜单的基本制作-CSDN博客

 

已经看到css 浮动属性的效果;下面单独看一下浮动属性;

做4个div,设置不同的背景色,不为div添加float属性;效果如下;

css浮动属性学习_第1张图片

因为div是块级元素,默认占据自己的行;

为每个div添加 float:left 属性后,效果如下;此属性使元素向左浮动,上一个块级元素如果没有占满一行,下一个块级元素会靠到上一个的左侧;

css浮动属性学习_第2张图片 

为每个div添加 float: right 属性,效果如下;下图是网页靠右侧的截图;

css浮动属性学习_第3张图片 

    元素向右浮动了;





    
	

    




    

 

你可能感兴趣的:(web前端,css,前端,浮动)