无语飘雪
 手机版 | 设为首页 | 加入收藏
当前位置: 网站首页 > css样式 > 文章内容

float的浮动属性

时间:2018-03-08    点击: 次    来源:网络    作者:佚名 - 小 + 大

float翻译成中文就是浮动的意思。

float浮动属性,用于设置标签对象如<div>、<span>、<a>、<em>等其它html标签的布局,说直白点就是说让标签对象靠左或者靠右。

Float属性值为left(靠左)、right(靠右)、none(不浮动),float浮动样式没有靠中(浮动居中)的属性。

示例:

.cm{width:1000px;height:60px;overflow:hidden;}

.cm01{float:left;width:500px;height:60px;}

.cm02{float:right;width:500px;height:60px;}

上为css样式,引用到html代码中:

<div class="cm">

<div class="cm01">向左浮动</div>

<div class="cm02">向右浮动</div>

</div>

关于float浮动样式没有居中的样式示例:

.cm{width:1280px;height:80px;}

.left{float:left;width:200px;margin-right:10px;background:#CCC;}

.center{float:left;width:800px;margin-right:10px;background:#03F;}

.right{float:left;width:260px;background:#F0F;}

引用到html代码中:

<div class="cm">

<div class="left">向左浮动</div>

<div class="center">居中浮动</div>

<div class="right">向右浮动</div>

</div>

上一篇:没有了

下一篇:css3之border-radius理解

免责声明 | 联系我们 | 关于我们
网站备案编号: 豫ICP备16033425号-2    新资讯 · 枫叶的心情  wypxcm@sina.cn
Copyright © 2016-2018 不正常电脑研究中心 All Rights Reserved Powered by reg66.com