清除浮动的方法: 方法一：给浮动元素的父亲元素添加属性：overflow： auto； <style type="text/css"> *{padding:0;margin:0;} .clearfix{ border: 3px solid green; width: 200px; overflow: ...
分类：
Web程序 时间：
2017-09-04 16:30:19
阅读次数：
147
一、浮动的原理浮动是让某元素脱离标准流，漂浮在标准流之上的一种布局方式。任何元素被设置为浮动元素后，就表明它是块级元素，拥有宽高属性。二、浮动带来的影响1、影响它的兄弟元素的位置一个元素设置了浮动样式后，会影响它的兄弟元素，至于如何影响，要看它的兄弟元素是块级元素还是内联元素。如果兄弟元素是块级元素 ...
分类：
Web程序 时间：
2017-09-03 13:19:32
阅读次数：
279
首先什么是浮动？ 浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。 float造成的影响 1.浮动会导致父元素高度坍塌 最常见的问题就是父元素高度坍塌，它脱离当前正常的文档流，所以它也无法撑开其父元素 2.浮动对兄弟元素的影响 2.1如果兄弟元素为块级别的 在现代浏览器和IE ...
分类：
Web程序 时间：
2017-09-01 16:58:53
阅读次数：
217
参考http://www.zhangxinxu.com/wordpress/?p=583 浮动的出现： 只是用来让文字环绕图片而已（给图片加float） 浮动的两个特性： 包裹性： 浮动类似于一个带有方位的display：inline-block 属性，浮动元素不定义宽度的情况下，宽度是由内容撑开的 ...
分类：
Web程序 时间：
2017-08-30 19:56:09
阅读次数：
278
浮动原理及清浮动 浮动: left/right/none 元素加了浮动，会脱离文档流(文档流是文档中可显示对象在排列时所占用的位置) ，按照指定的一个方向移动直到碰到父级的边界或者另外一个浮动元素停止 1.使块元素在一行显示； 2.使内嵌支持宽高； 3.不设置宽度的时候宽度由内容撑开； 4.脱离文档 ...
分类：
其他好文 时间：
2017-08-30 19:55:04
阅读次数：
140
float元素A的特点： 准确来说，是块盒子和A重叠，但块盒子内容会浮动在A周围 不会和inline元素重叠 图中显示了浮动导致的三大问题 （1）高度塌陷，父元素parent没被子浮动元素撑开 （2）浮动元素 和 块状元素 重叠 （3）文字、非块状元素img浮动在浮动元素周围（本质上这也算是第二种元 ...
分类：
Web程序 时间：
2017-08-30 15:31:10
阅读次数：
199
1.如何居中一个浮动元素？ 方法一：已知元素的高度 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /* 方法一：已知元素的高宽*/ #div1{ backg ...
分类：
其他好文 时间：
2017-08-29 22:57:12
阅读次数：
138
Float定义： float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。 浮动元素会生成一个块级框，而不论它本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。 注释：假如在一行之上只有极少的空 ...
分类：
Web程序 时间：
2017-08-27 16:05:12
阅读次数：
198
一、相关概念介绍 1、文档流 HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。 2、浮动层 给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的左右边框。 注意事项： ① 浮动元素在文档流空出的位置是由续的(非浮动)元 ...
分类：
Web程序 时间：
2017-08-24 21:18:43
阅读次数：
210
1、对父级设置适合CSS高度 2、clear:both清除浮动 具体CSS代码： Html代码： 3、父级div定义 overflow:hidden overflow:auto也可以 具体CSS代码： Html代码不变 4：给浮动的元素的容器添加浮动 给浮动元素的容器也添加上浮动属性即可清除内部浮动 ...
分类：
Web程序 时间：
2017-08-24 14:52:52
阅读次数：
176
