您的位置:首页 > DIV CSS实例 > 【 返回上一页

float:left设置实例

DIV CSS布局对象靠左、靠右一般采用float浮动属性实现,这里介绍下浮动靠左(布局居左)属性样式float:left。

float:left介绍:
float为浮动属性,值为left
left为左边意思
float:left即设置对象浮动靠左

float:left一般CSS布局网页时候非常常用的属性,网页布局时有的布局靠左有的靠右。

float:left靠左简单DIV CSS布局实例代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>float:left实例</title>
<style>
.box{ margin:0 auto;height:200px;width:400px;border:1px solid #F00;padding:10px}
.left{float:left; border:2px solid #00F}
</style>
</head>
<body>
<div class="box">
<div class="left">此DIV靠左</div>
</div>
</body>
</html>

css实例截图

float left应用设置 实现布局靠左
float left应用设置 实现布局靠左

相关标签: 浮动 靠左
如需转载,请注明文章出处和来源网址:www.thinkcss.com/shili/1261.shtml

日期:2017-02-13 15:17:43 来源:www.thinkcss.com 作者:ThinkCSS

热门点击