float:left css浮动靠左布局靠左

css float:left 浮动靠左组织

首先float是机关网页浮动（对象靠左left、靠右right）花式属性单词。在机关中我们要让对象靠左浮现只须要对对象配置float:left格式就可。

一、float left语法

1、float:left使用树模代码

div{float:left}

配置div结构靠左。

2、float:left表达
float:left是设置对象靠左（浮动靠左）排版。不管div、p、span、h1、li等标签都可设置装备摆设何况完满兼容。日常css div布局中思空见贯左中右、左右等更烦复排版均需求float:left名目来机关。

二、css float left实例

1、float:left使用示例代码

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>float left实例 CSS5</title> 
<style> 
div{ border:1px solid #F00} 
.exp{ float:left; border:1px solid #00F;height:100px} 
</style> 
</head> 
<body> 
<div>未设置装备摆设float花色</div> 
<div>未设置装备摆设float格式</div> 
<div class="exp">我被设置靠左</div> 
<div class="exp">我被设置装备摆设靠左</div> 
</body> 
</html>

2、float:left实例成绩截图

div css之float:left实例效果截图