提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: CSS教程 > 左浮动 css怎样写【css教程】,css

Css款式的float浮动属性,用于设置标签对象(如:<div>标签盒子、<span>标签、<a>标签、<em>标签等html标签)的浮动规划,浮动也就是我们所说标签对象浮动居左靠左(float:left)和浮动居右靠右(float:right)。

float是什么意义?

float是浮动,翻译成中文也是浮动意义。

float的作用

经由过程css定义float(浮动)让div款式层块,向左或向右(靠)浮动。

Float常跟属性值left、right、none

Float:none 不运用浮动

Float:left 靠左浮动

Float:right 靠右浮动

float语法:

float : none | left |right

参数值:

none :  对象不浮动

left :  对象浮在左侧

right :  对象浮在右侧

案例:

我们设置一个盒子里,一个靠右、一个靠左浮动2个盒子,为了直观看到css浮动规划结果,我们对两个盒子设置肯定宽度、高度和边框。

1、重要的html代码片断:

<div class="divcss5"> 
    <div class="divcss5_left">规划靠左浮动</div> 
    <div class="divcss5_right">规划靠右浮动</div> 
    <div class="clear"></div><!-- html解释:消灭float发生浮动 --> 
</div>
2、css代码片断:
.divcss5{ width:400px;padding:10px;border:1px solid #F00} 
.divcss5_left{ float:left;width:150px;border:1px solid #00F;height:50px} 
.divcss5_right{ float:right;width:150px;border:1px solid #00F;height:50px} 
.clear{ clear:both}

以上就是左浮动 css怎样写的细致内容,更多请关注ki4网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"左浮动 css怎样写【css教程】,css"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线