css定位的第二个属性---float.第一个是positon
float属性可以用于块级或者行内元素。使用了float属性的块级元素，会变成行内元素，然后进行左右漂移。
float.如果发现一行内的空间不足的话，会智能的移动到下一行。
可取值：left.right.none
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.good {width:200px;height:200px;background-color:red;float:right;}
// div {width:400px;height:100px;background-color:blue;}
div {width:400px;height:100px;background-color:blue;float:left;}
</style>
</HEAD>
<BODY>
<div>
</div>
<div class="good">1</div>
<div class="good">2</div>
<div class="good">3</div>
</BODY>
</HTML>
float的一个相关属性是clear
clear可取值为left,right,none,both.
他的作用是清除他左右元素的float属性，如果左右是block元素+float就变成行内元素了，清除float就比变成block元素了，会导致换行。
分享到：
相关推荐
### CSS Float 属性详解 #### 一、引言 在CSS布局中，`float`属性是一种非常重要的布局手段，主要用于创建复杂的页面结构。通过本文档，我们将深入探讨`float`属性的基本概念、工作原理以及常见应用场景，帮助读者...
在CSS3中，浮动（Float）属性是一种布局技术，它允许元素脱离其正常文档流并在其父元素中向左或向右移动，直到其边缘接触到包含框或另一个浮动元素的边缘。这个特性在网页设计中尤其常见，用于创建多列布局、图像...
在CSS布局中，浮动（float）是一个非常关键的概念，它被广泛用于创建复杂的网页布局，如图文混排、多列布局等。浮动最初是为了让文本能够环绕图像而设计的，但随着时间的发展，它已经成为构建现代网页布局的重要工具...
CSS浮动float属性详解 在Web开发中，布局是非常重要的一方面，浮动float属性是CSS布局中非常关键的属性。通过对浮动float属性的理解和掌握，我们可以更好地实现网页的布局和排版。 Float浮动属性基本释义 float...
CSS 浮动属性 Float 详解 CSS 浮动属性 Float 是一种重要的定位属性，允许页面元素浮动在其他元素旁边。Float 属性可以取四个值：Left、Right、None 和 Inherit。其中，Left 和 Right 分别浮动元素到左边和右边，...
在前端开发领域，"float-label-css" 是一个利用纯CSS实现的浮动标签输入框样式项目。这个项目的主要目的是为用户提供一种优雅的界面设计，尤其是在移动设备上，使得表单填写更加直观和便捷。"浮动标签"（Float Label...
8. **布局与浮动**：CSS中的`display`属性（如`flexbox`或`grid`）和`float`属性可以帮助创建多列或水平排列的菜单，使得布局更加灵活和有序。 9. **文字样式**：`font-family`、`font-size`和`color`等属性用于...
DIVCSS布局：CSS浮动float属性详解.doc
在CSS中，`float`属性用于指定元素应浮动的方向，常用于创建多列布局或者让文本环绕图像。在“纸效果”中，浮动可以用来排列多个纸片状的元素，使得它们在页面上自然地分布开来，如同真实的纸张在桌面上的摆放。 1....
CSS3引入了关键帧动画（@keyframes）和过渡（transition）属性，使网页元素动态效果的实现变得简单。这些功能在创建交互性用户体验方面扮演着重要角色。 7. **预处理器与后处理器**： SCSS（Sass）和LESS是CSS预...
一个支持属性的PostCSS插件。 安装 npm i -D postcss-aspect-ratio-polyfill 用法 const postcss = require ( 'postcss' ) const output = postcss ( ) . use ( require ( 'postcss-aspect-ratio-polyfill' ) ) ....
css float是一个经常需要使用的css属性，该属性用于设置css块级元素的浮动方向（左右浮动）。本文向码农介绍css float使用方法和实例应用。 Css的float浮动属性，用于设置标签对象（如：标签盒子、标签、标签、标签...
6. float 属性：float 属性用于将元素浮动到其父元素的左侧或右侧。浮动元素可以创建 BFC，解决 margin collapsing 问题。 7. position 属性：position 属性用于控制元素的定位方式。常见的取值有 static、relative...
浮动（Float）是CSS布局中的一个关键概念，它主要用于创建多列布局和控制元素的排列方式。`float`属性允许元素在文档流中浮动，从而影响周围元素的布局。本篇将详细介绍`float`属性及其在页面布局中的作用。 ### 1....
3. **浮动与定位**：在创建多列或水平菜单时，通常会用到`float`属性。而垂直菜单则可能需要使用`position`（如`relative`、`absolute`或`fixed`）来精确控制元素的位置。 4. **悬停效果**：`:hover`伪类常用于创建...
- 属性与值：例如`color`, `font-size`, `background-color`等属性可以改变元素的样式，每个属性后面跟着对应的值。 - 盒模型：CSS盒模型包括content（内容）、padding（内边距）、border（边框）和margin（外边距...
4. **布局技术**：CSS提供了多种布局方式，如浮动布局（`float`）、定位（`position`）、Flexbox（弹性盒布局）和Grid（网格布局）。这些技术用于创建复杂的响应式设计，适应不同设备和屏幕尺寸。 5. **响应式设计*...