作者:甘文靖 | 来源:互联网 | 2020-08-15 09:35
float是什么?为什么要使用float?本篇文章就给大家介绍float是什么,让大家了解浮动对布局的作用,清除浮动的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。
float是什么?为什么要使用float?本篇文章就给大家介绍float是什么,让大家了解浮动对布局的作用,清除浮动的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。
首先我们来了解一下float是什么?
float是css的一个定位属性。要了解它的目的和来源,我们可以看一下印刷设计。在打印布局中,可以将图像设置到页面中,使得文本根据需要包裹它们。这通常被恰当地称为“文本环绕”。这是一个例子:
.demo {
float: right;
}
float属性有四个有效值,分别为:
left :设置元素向左浮动;
right :设置元素向右浮动;
none :默认值,设置元素不浮动;
inherit :规定应该从父元素继承 float 属性的值。
为什么要使用float?
.footer {
clear: both;
}
clear属性有五个有效值,分别为:
left:清除在左侧浮动的元素。
right:清除在右侧浮动的元素。
both:清除左右两侧均浮动的元素。
none:默认值,允许浮动元素出现在两侧。 除非从级联中删除clear值,否则通常是不必要的值。
inherit:设置规定应该从父元素继承 clear 属性的值。
总结:以上就是本篇文章有关float相关问题的全部内容,希望能对大家的学习有所帮助。
以上就是float是什么?float属性详解的详细内容,更多请关注 第一PHP社区 其它相关文章!