关于浮动的前世今生
作者：糖伴西红柿 来源：前端观察 发布时间：2009-08-19 18:51:00
标签：浮动,float,css
什么是浮动？
浮动是 css 的定位属性。我们可以看一下印刷设计来了解它的起源和作用。印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。
这是一个例子：
在排版软件里面，存放文字的盒子可以被设置为允许图文混排，或者无视它。无视图文混排将会允许文字出现在图片的上面，就像它甚至不会在那里一样。这就是图片是否是页面流的一部分的区别。网页设计与此非常类似。
在网页设计中，应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了，就像印刷布局里面的文本框被设置为无视页面环绕一样。绝对定位的元素不会影响其它元素，其它元素也不会影响它，无论它是否和其它元素挨着。
像这样在一个元素上用CSS设置浮动：
#sidebar { float: right; }
fload属性有四个可用的值：Left 和Right 分别浮动元素到各自的方向，None (默认的) 使元素不浮动，Inherit 将会从父级元素获取float值。
0
投稿猜你喜欢
- 用字符串就可以轻松地获取每一个文件的名称和扩展名，但不要乱用：<％Function getFilename(text)tex
来自Six Revisions的一篇文章，作者对一些主流的浏览器进行了测试比较，测试主要针对以下几个方面进行：1.JavaScript执行速- 下列语句部分是Mssql语句，不可以在access中使用。SQL分类：DDL—数据定义语言(CREATE，ALTER，DROP，DECLAR
- 数据库文件在使用过程中，日志文件会越来越大。小则几个G，大的可能几十上百G都有可能，有时实在是没有必要为它浪费太大的硬盘存储空间。所以可以把
- 假如不使用INSTEAD OF触发器或可更新分区视图而是通过视图来修改数据，那么再修改之前，请考虑下列准则：◆如果在视图定义中使用了 WIT
- 因为一个需求，因为自己想多了一点东西，最后发现了一个问题，一个很奇怪的问题。这个问题我想还是我自己当初想法上的出路导致的吧，但想不通为什么会
- 继续Mootools的扩展，适用于Mootools 1.1及1.2，这次在Element扩展了两个非常简单的方法，一个用来获取
- 进行访问MySQL数据库的方法有很多种，下面将向大家介绍一些很简单实用的用的方法和示例与大家一起分享。方法一：使用MYSQL推出的MySQL
- 两段使用键盘的上下键进行选择的代码：<Script Language="JScript"> &
- 从2004年开始，我开始进入雅虎的异常表现小组。我们是一个很小的队伍，专门针对雅虎的产品进行质量检测和改进，我作为一个后端工程师，现在却开始
- WEB开发者不光要解决程序的效率问题，对数据库的快速访问和相应也是一个大问题。希望本文能对大家掌握MySQL优化技巧有所帮助。1. 优化你的
- 在SQL Server 2008 中，新的FILESTREAM 数据类型，允许像文件和图片这种大型的二进制数据可以直接在NTFS文件系统中进
- 想要在准备查询混合数据库系统时将SQL Server转换为 XQuery 和进行反向转换吗?了解如何开发 Web 服务来从SQL Serve
- ASP与存储过程(Stored Procedures)的文章不少，但是我怀疑作者们是否真正实践过。我在初学时查阅过大量相关资料，发现其中提供
- 一个用asp来处理jmail发信的过程，及使用方法. 发信时，直接调用这个过程就行了，很方便。<％ dim
- MySQL的本地备份和双机相互备份脚本：首先，我们需要修改脚本进行必要的配置,然后以root用户执行。◆1. 第一执行远程备份时先用 fir
- 几个月来好像就现在暂时无需求，稍微轻松一下，然后在Q群中发现有人提问，怎么用CSS实现数学公式“四又二分之一”。对于这个公式个人
- 这段时间写了很多页面代码，除了一些知识重复以外，也学到css的一些新东西，或许是旧东西，但是还是希望能对大家有用。其实在css里面有很多对a
- 试了一下，xmlDoc.save()行不同，就试着用fso做了出来。整理一下，供大家discuss。由于用js操作本地xml文件之后save
- XML是一个精简的SGML，它将SGML的丰富功能与HTML的易用性结合到Web的应用中。XML保留了SGML的可扩展功能，这使XML从根本
