请问怎么理解“浮动的元素不再占据文档流中的任何空间”这句话，还有clear属性有什么用啊。

yycc2008 2008-04-05 04:33:27

这是我在《精通CSS 高级WEB标准解决方案》这本书上第118页看到的一句话。谢谢！

...全文

109 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

vaylcao 2008-11-26

打赏
举报

回复

你是二逼

judong2211 2008-04-06

打赏
举报

回复

clear属性就是是否允许旁边有浮动的对象。
none : 　允许两边都可以有浮动对象
both : 　不允许有浮动对象
left : 　不允许左边有浮动对象
right : 　不允许右边有浮动对象

浮动方式布局就是使用 float 属性，使元素脱离文档流，浮动起来。浮动布局的特点：会让元素脱离文档流（不占据原来的位置），但同时也会有一些副作用（高度塌陷）为什么需要浮动？有很多布局效果，标准流布局无法完成，因为浮动可以改变元素标签默认的排列方式。举例说明：让多个块级元素在一行显示方式1：标准流布局方式是将块级元素的display属性设置为inline-block，但这样虽然可以实现，但他们之间会有空白间隙，不好控制。方式2：可以将，这些块，都设置浮动（即添加float属性），并且浮动方向相.

一网页布局方式#1、什么是网页布局方式布局可以理解为排版，我们所熟知的文本编辑类工具都有自己的排版方式，比如word，nodpad 等等而网页的布局方式指的就是浏览器这款工具是如何对网页中的元素进行排版的#2、网页布局/排版的三种方式2.1、标准流2.2、浮动流2.3、定位流二标准流标准流的排版方式，又称为：文档流/普通流，所谓的文档流，指的是元素排版布局过程中，元素会自动从左往右，从上往下...

CSS浮动定位普通流定位定义元素框相对于其正常位置应该出现的位置浮动定位浮动特性将元素排除在普通流之外元素将不在页面中占据空间将浮动元素放置在包含框的左边或者右边浮动元素依旧位于包含框之内浮动的框可以向左或者向右移动，直到他的外边缘碰到包含框或另一个浮动框的边框为止浮动元素的外边缘不会超过其父元素的内边缘浮动元素不会互相重叠浮动元素不会上下浮动行内元素浮动后会变为块级元素语法：float:none/left/right; 实例讲解

文章目录1 CSS浮动1.1 浮动定义1.2 Float造成的影响1.2.1 对其父元素的影响1.2.3 对其兄弟元素（非浮动）的影响1.2.4 对其兄弟元素（浮动）的影响1.2.5 float对自身元素的影响1.2.6 float对子元素的影响1.2.7 float对父元素之外的元素的影响1.2.8 浮动让margin-top属性失效1.2.8.1 margin-top失效1.2.8.2 子元素设置margin-top作用于父容器1.3 包含浮动1.3.1 清除浮动1.3.1.1 Overflow技巧1

以下转自《CSS中的浮动和清除浮动，梳理一下！》浮动到底是什么？浮动核心就一句话：浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。请默念3次！浮动最初设计的目的并没那么多事儿，就只是用来实现文字环绕效果而已，如下所示：文字环绕效果但是早期的前端开发者发现：浮动的元素可以设置宽高并且可以内联...

61,128

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章