Float(浮动)

Posted 阳阳羊

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Float(浮动)相关的知识,希望对你有一定的参考价值。

一.什么是浮动?

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

二.浮动元素的特点

  1.  元素浮动后会自动变成行块元素
  2.  浮动元素的父元素高度宽计算将忽略浮动子元素
  3.  浮动的元素绝对不会遮挡非浮动元素的内容(文字或图片)但会遮挡布局

三.浮动元素的目的

  1. 文字环绕图片
  2. 水平方向上的布局   

四.clear元素

       clear作用是清楚浮动,本质是"避让"
       :后出现的元素避让先出现的元素。

 

以上是关于Float(浮动)的主要内容,如果未能解决你的问题,请参考以下文章

float浮动

浮动属性(float)

float 浮动

CSS float浮动布局

Float(浮动)

1.Float浮动和清除浮动