float--left左浮动；right右浮动；none不浮动；浮动排列的顺序不会改变，默认时谁在第一个，浮动就会排在第一个； 浮动的影响：1、行内元素浮动之后可以支持宽高；2、文本会给浮动的元素让位；可以制作文本绕排的效果；3、在父级没有给高度的情况下，子级浮动后父级会没有高度； 清除浮动：1、在 ...
分类：
其他好文 时间：
2018-12-10 20:48:50
阅读次数：
300
我们可以看到这样一个布局： 我们预期效果： 结果： 原因：因为父盒子没有给高，然后content内的子元素又是左浮动，脱离标准流，然后下面的footer就会跑上去，这是因为浮动问题产生的，如何解决： 方法1：使用clear:both 方法二：使用overflow:hidden; 第三种（推荐）：cl ...
分类：
Web程序 时间：
2018-11-26 13:33:28
阅读次数：
175
浮动 浮动是css里面布局最多的一个属性，也是很重要的一个属性。 float：表示浮动的意思。它有四个值。 none: 表示不浮动，默认 left: 表示左浮动 right：表示右浮动 看一个例子 html结构： <div class="box1"></div> <div class="box2"> ...
分类：
其他好文 时间：
2018-11-10 10:52:54
阅读次数：
201
高度和宽度 left 往左浮动 right 往右浮动 left 左边不能有浮动元素 right 右边不能有浮动元素 both 两边都不能有浮动元素 ...
分类：
Web程序 时间：
2018-10-11 20:06:09
阅读次数：
161
写网页是先写html，再写css的。 没有左浮动会是这样： 添加float:left;后会是这样： 所以左浮动很重要。 ...
分类：
Web程序 时间：
2018-10-03 23:59:43
阅读次数：
311
一、浮动原理 把网页当成一个水槽，浮动的元素当成一个积木，设置浮动的元素会脱离文档流 左浮动： 右浮动： 注意点： 如果不够容纳元素，则会被挤到下一行，如下图所示 右浮动的例子 （1）当两个box right类型同时右浮动布局时，如果宽度不超过可容纳的范围，则正常，否则是在下一行排列 宽度足够时： ...
分类：
其他好文 时间：
2018-10-02 20:09:28
阅读次数：
165
浮动是css里面布局最多的一个属性，也是很重要的一个属性。 1. float：表示浮动的意思。它有四个值。 none: 表示不浮动，默认 left: 表示左浮动 right：表示右浮动 看一个例子 html结构： 我们会发现，三个元素并排显示，.box1和span因为是左浮动，紧挨在一起，这种现象贴 ...
分类：
其他好文 时间：
2018-09-22 00:48:35
阅读次数：
190
Link oneLink twoLink threeLink four在上面的例子中，我们把 ul 元素和 a 元素浮向左浮动。li 元素显示为行内元素（元素前后没有换行）。这样就可以使列表排列成一行。ul 元素的宽度是 100%，列表中的每个超链接的宽度是 7em（当前字体尺寸的 7 倍）。我们添... ...
分类：
Web程序 时间：
2018-07-15 11:19:01
阅读次数：
198
float 浮动 float : left | right | none | inherit 向左浮动 | 向右浮动 | 无样式 （默认）| 继承 · 默认宽度为内容宽度 · 脱离文档流 · 向指定方向一直移动 · float的元素在同一文档流 · float元素半脱离文档流 对元素，脱离文档流；对 ...
分类：
Web程序 时间：
2018-07-14 13:09:17
阅读次数：
233
2.左侧盒子: 左浮动; 右侧盒子: 左浮动,再通过calc计算宽度 3.左侧盒子: float: left; 右侧盒子: margin-left 理解: 浮动会使得元素脱离文档流，后面元素进行布局时，前面的浮动元素就像不存在一样 4.包含左右盒子的大盒子: display: table; 宽度为1 ...
分类：
其他好文 时间：
2018-06-06 15:51:37
阅读次数：
144
