css中 float 是什么意思


css中 float 是什么意思

文章插图
浮动什么意思呢 , 比如 , 默认的 , 我们知道 , div是占满一行的 , 现在我们想把两个div显示在一行上 , 那怎么办呢111112222这样我们就设置了两个div , 一个宽度100px,一个宽150px,可预览一下 , 我们的div仍在两行上 , 那么怎么把它改到一行上呢 , 这儿就需要float , 设置第一个div的float为left111112222再预览 , 就可以看到 , 它们到一行上了 。clear是什么意思呢 , clear是清除的意思 , 它有三个值 , left,right,both很好理解 , 如果设置了clear:left , 它就不怕它的左边有float , 同理clear:right,clear:both , 是左右都不让有float举个例子 , 还是上面的我们设置第二个div的clear:left,也就是不让它左边有float111112222我们预览一下 , 就可以看到 , 尽管第一个div已经float:left了 , 这两个div仍然在两行上 , 就是由于第二个div不让它左边有float因为css的定义是后面的可以覆盖前面的 , 明白了吧
【css中 float 是什么意思】

    推荐阅读