1. 文档流 指盒子按照 html 标签编写的顺序依次从上到下，从左到右排列 块元素占一行 行内元素在一行之内 从左到右排列 先写的先排列 后写的排在后面 每个盒子都占据自己的位置 2. 浮动的特性 1. 浮动元素有左浮动(float:left)和右浮动(float:right)两种 2. 浮动的元 ...
分类：
Web程序 时间：
2019-05-03 14:23:45
阅读次数：
135
浮动的特性： （1）浮动元素有左浮动（float:left）和右浮动（float:right）两种 （2）浮动的元素会向左或向右浮动，碰到父元素边界、其他元素才停下来 （3）相邻浮动的块元素可以并在一起，超出父级宽度就换行 （4）浮动让行内元素或块元素自动转化为行内块元素（此时不会有行内块元素间隙问 ...
分类：
Web程序 时间：
2019-03-31 09:58:48
阅读次数：
173
浮动元素的左（或右）外边界不能超出其包含块的左（或右）内边界。 浮动元素的左（或右）外边界必须是原文档中之前出现的左浮动（或右浮动）元素的右（左）外边界，除非后出现浮动元素的顶端在先出现浮动元素的底端下面。 左浮动元素的右外边界不会在其右边右浮动元素的左外边界的右边。一个右浮动元素的左外边界也不会在 ...
分类：
其他好文 时间：
2019-02-15 16:03:08
阅读次数：
173
【转】15-浮动 浮动 浮动是css里面布局最多的一个属性，也是很重要的一个属性。 float：表示浮动的意思。它有四个值。 none: 表示不浮动，默认 left: 表示左浮动 right：表示右浮动 看一个例子 html结构： css样式： 我们会发现，三个元素并排显示，.box1和span因为 ...
分类：
其他好文 时间：
2019-02-07 12:16:47
阅读次数：
178
浮动 浮动是css里面布局最多的一个属性，也是很重要的一个属性。 float：表示浮动的意思。它有四个值。 none: 表示不浮动，默认 left: 表示左浮动 right：表示右浮动 看一个例子 html结构： css样式： 我们会发现，三个元素并排显示，.box1和span因为是左浮动，紧挨在一 ...
分类：
其他好文 时间：
2019-01-22 15:03:37
阅读次数：
161
方法1：浮动 左边盒子左浮动，宽度为300px,右边盒子右浮动，宽度为300px,给div设置一个min-height:100px,中间盒子设置margin:0 300px. 方法2：定位 整个div都用绝对定位，左边盒子left:0,width:300px;右边盒子right:0,width:30 ...
分类：
其他好文 时间：
2018-12-25 20:09:39
阅读次数：
124
float--left左浮动；right右浮动；none不浮动；浮动排列的顺序不会改变，默认时谁在第一个，浮动就会排在第一个； 浮动的影响：1、行内元素浮动之后可以支持宽高；2、文本会给浮动的元素让位；可以制作文本绕排的效果；3、在父级没有给高度的情况下，子级浮动后父级会没有高度； 清除浮动：1、在 ...
分类：
其他好文 时间：
2018-12-10 20:48:50
阅读次数：
300
浮动定为是CSS中重要的排版手段， 比如首字的放大和图文混排，float浮动可以设置left right 和none，当设置左或右浮动时元素会向父元素的左侧或右侧靠近，这个距离是怎么回事呢？ 我们来看下 没浮动之前float1的宽度充满整个父块，空隙是仅仅就是父块的内边距 加上它自己的外边距 浮动之 ...
分类：
其他好文 时间：
2018-11-16 23:30:01
阅读次数：
298
浮动 浮动是css里面布局最多的一个属性，也是很重要的一个属性。 float：表示浮动的意思。它有四个值。 none: 表示不浮动，默认 left: 表示左浮动 right：表示右浮动 看一个例子 html结构： <div class="box1"></div> <div class="box2"> ...
分类：
其他好文 时间：
2018-11-10 10:52:54
阅读次数：
201
由于公司的项目需要才用到瀑布流布局 因为后台返回的json直接循环出来的,所以不能做左右浮动的那种,所以才用到了瀑布流布局 16年之前的瀑布流布局基本都时基于js或者直接用jq插件的,但是随着技术的进步或更新,想用纯css达到这样的效果也是可以的 话不多说直接上代码 CSS样式是 就结束了,是不是很 ...
分类：
Web程序 时间：
2018-11-10 00:14:06
阅读次数：
182
