一、浮动 CSS浮动 CSS float浮动的深入研究、详解及拓展(一) CSS浮动属性Float详解 块级元素独占一行 块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元 ...
分类：
其他好文 时间：
2016-05-17 00:30:15
阅读次数：
220
清除浮动就是为了解决父亲盒子高度为0的问题 清除浮动两种方式： 1.clear来清除 额外标签法：在最后一个浮动的盒子后边加一个空的盒子，给这个盒子清除浮动 给父盒子添加伪元素: .clearfix:after{content:"";display:block;height:0;visibility ...
分类：
其他好文 时间：
2016-04-21 18:36:51
阅读次数：
129
在CSS网页开发布局中，需要对浮动和定位有深刻的理解才能在开发中游刃有余。基于此，在博客园中做了本篇总结，这些总结来自实践经验和阅读一些书籍后的理解总结。主要内容为浮动，清除浮动，定位。
分类：
Web程序 时间：
2016-02-27 17:50:57
阅读次数：
292
浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局； 恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器）。也许很多人都有这样的疑问，浮动从何而来？我们为何要清除浮动？清除浮动的原理是什么？本文将一步一步地深
分类：
其他好文 时间：
2016-01-29 15:58:06
阅读次数：
214
刚写代码的时候，突然有个问题，float加在父级元素上和加在子级元素上有什么区别，还有浮动清除的一些问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> .main{ wid
分类：
其他好文 时间：
2016-01-28 15:23:03
阅读次数：
116
1.父级加上浮动；2.给父级加display:inline-block;3.在浮动元素下加 .clear{ height:0;font-size:0 //清除IE6最小高度为19px，但是font-size最小为2Px,效果不佳； clear:both; }4.在浮动元素下加5.c...
分类：
其他好文 时间：
2016-01-15 20:10:12
阅读次数：
162
清除浮动主要说三种方法。第一种：clear:both 1 2 3 对于第一种方法： 优点：简单、代码少、浏览器支持好、不容易出现怪问题 缺点：要增加很多空的div第二种：父级元素添加overflow:hidden //这里添加了一个class 1 2 3...
分类：
Web程序 时间：
2015-12-08 18:19:00
阅读次数：
204
1.原来在一行中的两个块，会因为浏览器窗口的大小改变而改变其原来的位置（变成多行），浏览器窗口宽度不够容纳解决方法：加个父div,并且设置宽度.father{width:500px;height:300px;}<divclass="father"><divclass="left">左</div><divclass="right">..
分类：
Web程序 时间：
2015-10-31 18:47:41
阅读次数：
266
世事洞达皆学问，人情练达即文章。浮动从何而来？浮动的应用要注意些什么？为什么要清除浮动？清除浮动的原理是什么？ 1. 浮动从何而来？ 这个问题要追溯到盒子的定位了，盒子的定位由position，float来决定。position有static,relative,absolute,fixed，...
分类：
其他好文 时间：
2015-09-20 19:13:24
阅读次数：
186
好的，在之前的11节课中我们从对编程语言一无所知的状态循序渐进的了解了很多知识包括html页面结构，css引入的几种方式，浮动，清除浮动，盒模型等等现在是发挥这些知识用武之地的时候了我们在上网浏览网页的时候不知道大家有没有注意过在网页的最上面会有一个导航，比如鼠标移入之后还会高亮显示那么我们今天就利...
分类：
Web程序 时间：
2015-09-13 13:10:59
阅读次数：
202
