CSS教程

关注公众号 jb51net

关闭
网页制作 > CSS > CSS教程 >

CSS中float用法详解

绿仔牛奶_

float浮动

float:left   左浮动
float:right	 右浮动
float:none	 无浮动
#d1{
    width:100px;
    height:100px;
    background-color:green;
    float:left;
}
#d2{
    width:200px;
    height:100px;
    background-color:red;
    float:left;
}
------------------------------
<body>
    <div id="d1">div1</div>
    <div id="d2">div2</div>
</body>

效果如图所示:

设置为右浮动时效果如图:

消除浮动

float:left;      消除左浮动
float:right;	 消除右浮动
float:both;		 消除全部浮动

消除浮动后如图所示:

到此这篇关于CSS中float用法的文章就介绍到这了,更多相关css float用法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!