为什么要有浮动/浮动能干什么？ 浮动最开始出现的直接原因是为了实现图片环绕文字；但是呢？在历史进程中，浮动也将脚伸到了页面布局中，成为了页面布局的一个稳定得分手。 浮动是什么？ 浮动是css中一个非常重要的属性，元素通过设置float属性值为：left、right,可以使元素向左或向右浮动，直到它的 ...
分类：
Web程序 时间：
2017-04-23 18:05:21
阅读次数：
174
我们都习惯使用“clear:both清除浮动”这样的陈述。因此，当想到clear: left的时候，自然会认为是“清除左浮动”，clear: right是清除右浮动。 其实现在想想，这样的理解与表示是不严谨的欠考虑的。 一般，现在中文圈流传的表述是： clear语法：clear : none | l ...
分类：
其他好文 时间：
2017-04-04 15:03:37
阅读次数：
195
1.浮动法，左列左浮动，右列右浮动，插入主体。中间内容#main必须要在最后加入，#main占一行会影响后面的浮动元素 2.margin负值法，每个盒子都向一边浮动，通过负margin把盒子拉到左侧，先放中间的盒子 3.绝对定位，左右两列绝对定位，中间用margin撑开距离。最容易理解 4.flex ...
分类：
其他好文 时间：
2017-03-29 20:10:26
阅读次数：
145
浮动是我们在前端页面中经常会用到的一种布局方式。那什么是浮动呢? 首先我们先来看一下它的定义。浮动是指让元素脱离文档标准流(脱标),按照指定的方向去横向排列。浮动的取值有两个,分别是float:left;(向左浮动) float:right;(向右浮动) 那浮动都有哪些特点呢? 浮动有四个特点:(1 ...
分类：
Web程序 时间：
2017-03-13 23:36:32
阅读次数：
221
参考文章： 1、IE6怪异解析之padding与border算入宽高 原因：未加文档声明造成非盒模型解析 解决方法：加入文档声明<!doctype html> 2、IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距） 解决方法：display:inline 3、以下三种其实是同一 ...
分类：
其他好文 时间：
2017-03-11 01:04:49
阅读次数：
171
镇场诗： 清心感悟智慧语，不着世间名与利。学水处下纳百川，舍尽贡高我慢意。 学有小成返哺根，愿铸一良心博客。诚心于此写经验，愿见文者得启发。——————————————————————————————————————————code: result: ———————————————————————— ...
分类：
Web程序 时间：
2017-02-16 13:22:38
阅读次数：
198
1、IE6怪异解析之padding与border算入宽高原因：未加文档声明造成非盒模型解析解决方法：加入文档声明<!doctype html> 2、IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距）解决方法：display:inline 3、以下三种其实是同一种bug，其实也不 ...
分类：
Web程序 时间：
2017-01-26 22:17:29
阅读次数：
278
css浮动（float） float是css样式，用于设置标签的居左浮动和居右浮动，浮动后的元素不属于html文档流，需要用清除浮动把文档拽回到文档流中 浮动值： left：向左浮动 right：向右浮动 html文档流：自窗体自上而下分成一行一行，并在没行中从左到右的顺序排放元素。 通过例子来解释 ...
分类：
Web程序 时间：
2016-12-20 23:40:46
阅读次数：
210
左右两边宽度固定，中间自适应 第一种方法：左右两边绝对定位 html代码 css代码 第二种方法：可以利用浮动，左边的左浮动，右边的右浮动 css部分 html部分; 第三种方法：这种方法是在实际的网站中应用的最多的，我个人感觉多少有些跟风的嫌疑。此方法很难用一句话概括。首先，中间的主体要使用双层标 ...
分类：
Web程序 时间：
2016-12-06 13:53:32
阅读次数：
228
浮动对我来说，一直都很神奇。 特别不老实，一会儿跑上来，一会儿跑下去的。 float:left;左浮动 float:right;右浮动 float:none;不浮动#注意！1.做水平布局时，所有元素都需要设定浮动（一般出现在header中，又有logo又有nav的）2.元素设定浮动时，本身不占位了， ...
分类：
Web程序 时间：
2016-11-25 20:20:39
阅读次数：
190
