float小结

1.定义和用法

  float 属性定义元素在哪个方向浮动。取值可能是 left,right ,none,inherit。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素(float会产生BFC)。

  如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。

默认值: none
继承性: no
版本: CSS1
JavaScript 语法: object.style.cssFloat="left"

注释:1.浮动使元素inline-block化,即产生包裹性;

   2.浮动使破坏了元素的高度,保留其宽度,即破坏性;

   3.浮动只能在所在的行左浮动和右浮动,直到碰到另一个浮动元素或者包含框的边界;

   4.假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。

时间: 2024-08-02 19:12:02

float小结的相关文章

position和float小结

position属性值 Position的属性值共有四个static.relative.absolute.fixed. static 所有元素在默认的情况下position属性均为static,而我们在布局上经常会用到的相对定位和绝对定位常用的属性top.bottom.left.right在position为static的情况下无效.其用法为:在改变了元素的position属性后,可以将元素重置为static让其回归到页面默认的普通流中. relative 俗称的相对定位,重点在于对相对理解.每

CSS定位——position、float小结

在CSS使用position属性来指定元素的定位类型,该属性有四种不同类型的定位,分别为static(默认定位).relative(相对定位).absolute(绝对定位)和fixed(固定定位). 要理解以上四种定位,写看一下CSS的文档流(普通流)概念: 除非专门指定,否则所有框(也就是html元素)都在普通流中定位.也就是说,普通流中的元素的位置由元素在 (X)HTML 中的位置决定. 块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来.若某元素的position属

Influx Sql系列教程五:insert 添加数据

接下来开始进入influxdb的curd篇,首先我们看一下如何添加数据,也就是insert的使用姿势 在进入本篇之前,对于不了解什么是retention policy, tag, field的同学,有必要快速过一下这几个基本概念,可以参考文后的系列教程 I. Insert 使用说明 基本语法 insert into <retention policy> measurement,tagKey=tagValue fieldKey=fieldValue timestamp 1. 基本写数据姿势 当m

CSS--06核心: 浮动

人生苦短,要学就只学有用的 [前端教学-CSS-1] CSS核心--浮动float 1. 浮动(float) 目标 记忆 能够说出 CSS 的布局的三种机制 理解 能够说出普通流在布局中的特点 能够说出我们为什么用浮动 能够说出我们为什么要清除浮动 应用 能够利用浮动完成导航栏案例 能够清除浮动 1.1 CSS 布局的三种机制 网页布局的核心--就是用 CSS 来摆放盒子. CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流(标准流).浮动和定位,其中: 普通流(标准流) 块级元素会独

python循环之for循环与基本的数据类型以及内置方法

一.循环之for循环 1.1  for循环的语法与基本使用 什么是for循环?为何要有for循环?如何使用for循环? 循环就是重复做某件事,for循环是python提供的第二种循环:一般for循环能做的,while循环都能做,之所以有for循环是因为在循环取值中比while更简洁.(for取值也叫遍历取值) 语法: for 变量名 in 可迭代对象:    #可迭代对象可以是列表.字典.字符串.元组.集合 代码1 代码2 ... 小结:for循环与while循环的相同与不同之处 相同之处:都是

c++反汇编与逆向分析 小结

第一章  熟悉工作环境和相关工具1.1 熟悉OllyDBG  操作技巧1.2 反汇编静态分析工具 IDA(最专业的逆向工具)    快捷键    功能     Enter     跟进函数实现     Esc       返回跟进处    A         解释光标处的地址为一个字符串的首地址     B         十六进制数与二进制数转换    C         解释光标处的地址为一条指令     D         解释光标处的地址为数据,没按一次将会转换这个地址的数据长度   

CSS float浮动的深入研究、详解及拓展(一)

概念目录 个人感悟之CSS代码的情感化思维 个人观点之浮动的意义仅仅是文字环绕显示而已 个人观点之浮动的本质是"包裹及破坏" 个人观点之目前大多数浮动应用都不是浮动应该做的 个人观点之浮动其实是个魔鬼.混球 一.引言 你我看待事物的方式不同,价值取向也不同,因为我们有着不同的世界观,价值观.这种世界观的差异不仅仅体现在实际的生活中,也反映在代码上.你我看待代码的方式,或者说是代码在我们情感层面的位置是不一样的,我这里说的是情感层面,与逻辑无关,与算法无关(虽然算法受情感影响).这种看待

JavaScript学习笔记(二)——选项卡小结

Js制作选项卡小结 1.先构思好需要展示的页面效果,比如这样 2.需要显示的效果通过html和css制作出来,包括选项(第一课.第二课)的鼠标停留背景变色.下方选项页内容切换的内容等. 3.把此选项卡分为上下两个部分,并且3个选项对应3个选项页面.上方为id为tab的固定div,需要变换的是鼠标放入li时li切换背景(比如此时li为灰色背景):下方为content容器div,放入需要展示的内容(本例中为3个ul),初始效果为第一个ul显示block,后面两个为display:none. 4.将需

python 输入 小结

Python 2 中的输入小结 1.raw_input(prompt = None)与input(prompt = None) 两个都是默认参数类型,这个参数可以传入一个字符串,用于输入的时候进行输出,例如 1 # 嗯,你的名字真的是不错的电影 2 your_name = input("你的名字是?") input会假定用户输入的都是合法的python 表达式,因此会尝试计算该表达式的值,input首先调用raw_input获取原始输入,再调用eval获得输入的表达式的值,如果表达式非