根据规范来看,float的元素应该脱离文档流才对.
原文说
In the float model, a box is first laid out according to the normal flow, then
taken out of the flow and shifted to the left or right as far as possible.
看下面的代码
.div2 {
width: 200px;
height: 100px;
float: left;
border-style: solid;
}
.div3 {
width: 400px;
height: 50px;
background-color: silver;
}
.main {
width: 650px;
border: 1px solid;
}
以及
<body>
<div class="main">
<div class="div2">div2</div>
<div class="div3">div3</div>
</div>
</body>
FF下很明显可以看出div2已经不在文档流里了,因为div3的布局无视了div2的存在.(尽管div3里的内容是贴着div2的)
IE7则不然,div2依然大摇大摆的在文档流里占据着位置
分享到:
相关推荐
float的深入了解,对float进行了升入的讲解,配合课件更加详细
DIV+CSS布局:CSS浮动float属性详解 不解释
CSS浮动属性Float详解 什么是CSS Float?
DIVCSS布局:CSS浮动float属性详解
DIV+CSS布局:CSS浮动float属性详解[归纳].pdf
jquery.floatdiv 浮动层固定位置 /*说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动*/ /*调用: 1 无参数调用:默认浮动在右下角 $("#id").floatdiv(); 2 内置...
指的是一个元素脱离文档流,悬浮在父元素之上的现象。 二、如何产生浮动? 给元素本身添加float属性 float值: left 元素向左浮动。 right 元素向右浮动。 none 默认值。元素不浮动,并会显示在其...
使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来。 ps:文档流:文档流是文档中可显示对象在排列时所占用的位置 。 语法 float常跟属性值left、right、none float:none 不使用浮动 ...
谈谈对标准流和文档流的理解,标准流有叫做普通流和文档流, 浮动流的理解,标准流就是从左到右,从上到下的布局
Float浮动 ... 某元素浮动之后,它便飘了起来,我们称之为脱离文档流。(就好比气球充满气体之后便离开地面飞了~~) 他们都是通过一种特定的条件达到了某种效果,气球通过添加气体才可以飘,那
当N个元素浮动后,会导致错位的问题。一般给元素一个固定的height就没有这个现象。 但是当高度不一致时,就需要想别的办法来解决了: 1、给父元素定义font-size:0; 浮动子元素定义需要的font-size, 再定义display...
笔记:浮动属性float的应用的全部源代码。
CSS无难事-浮动floatright的应用和li的高度问题.pdf
本文针对CSS浮动float、定位position进行学习理解,通过实例帮助大家掌握CSS浮动float、定位position技巧,感兴趣的小伙伴们可以参考一下
文档流将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. 每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端. 若当前行容不下, 则另起新行再浮动.
Floaty, iOS的浮动操作按钮 Floaty Floaty是iOS的简单浮动操作按钮。 ( 以前是 KCFloatingActionButton )为什么要更改名称?遵循 Swift 命名约定。KCFloatingActionButton
基于文档流解读html元素的(css)定位形式 每个非浮动块级元素都独有一行, 浮动元素则按规则浮在行的... 有三种状况将使得元素离开文档流而存在,分别是浮动、绝对定位、固定定位. 然则在IE中浮动元素也存在于文档流中
从零开始学前端 - 6. CSS浮动float详解 示例代码 : 她不美却常驻我心 博客地址: https://blog.csdn.net/qq_39506551 CSDN 上传的资源会自动涨积分,如有需要留下邮箱