码迷,mamicode.com
首页 > Web开发 > 详细

CSS中的Float

时间:2015-12-02 14:35:17      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:

CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。

元素的水平方向浮动,意味着元素只能左右移动而不能上下移动。

一个浮动元素会尽量向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。

浮动元素之后的元素将围绕它。

浮动元素之前的元素将不会受到影响。

如果图像是右浮动,下面的文本流将环绕在它左边。

如果你把几个浮动的元素放到一起,如果有空间的话,它们将彼此相邻。

元素浮动之后,周围的元素会重新排列,为了避免这种情况,使用 clear 属性。

clear 属性指定元素两侧不能出现浮动元素。

因为浮动的子元素会脱离文档流,不再占据父元素的空间,父元素也就没有了高度

CSS中的Float

标签:

原文地址:http://www.cnblogs.com/BryanRecomment/p/5012718.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!