float

float可使一个元素脱离文档流，然后被放置在它所在的容器的左侧或右侧，另外其他的文本或行内元素围绕该元素放置。

一个浮动元素的float属性计算值不为none。

 

语法

float: left;
float: right;
float: none;

值

值描述
left 该关键词表示元素必须浮在其所在的块容器的左侧。
right 该关键词表示元素必须浮在其所在的块容器的右侧。
none 此关键词表示元素不得进行浮动。

例子

HTML 

<div id="red">
   <div id="orange"></div>
</div>

CSS 

#red {
     width: 200px;
     height: 50px;
     background: red;
}
#orange {
       width: 50px;
       height: 50px;
       float: right;
       background: orange;
}

执行结果

参考

相关链接

外部链接


跳至内容顶部