浮动子div撑开父div的几种方法：（1）在父div中在添加一个清除浮动的子div，该div不设置任何样式，只用来清除浮动（2）在父div的css样式中设置overflow：hidden;zoom:1;（3）设置父div也为浮动元素float：left；，这样设置的坏处是不能用margin：auto...
分类：
Web程序 时间：
2016-01-17 17:36:41
阅读次数：
338
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
文档流 我相信，在大家刚学css的时候，一定对这个名词熟悉而又陌生。在查阅了相关资料后，总结了下对文档流的认识。 文档流定义：将窗体自上而下分成一行一行,并在每行中按从左至右的挨次排放元素,即为文档流 每个非浮动块级元素都独有一行, 浮动元素则按规则浮在行的一端. 若当时行容不下, 则另起新行再浮....
分类：
Web程序 时间：
2016-01-12 21:27:09
阅读次数：
121
基于浮动的布局：1、除非图片设置了宽度，否则始终应该要对浮动的图片设置一个宽度，这样可以让浏览器给其他内容腾出环绕的空间2、当侧边栏的高度与主内容区的高度不一致的时候，可以用个margin进行调整3、在一个非浮动元素中存在一个浮动元素，当浮动元素高于元素本身的时候，内容就会溢出中，解决方案如下：A：...
分类：
Web程序 时间：
2016-01-04 23:52:26
阅读次数：
526
1.IE6双倍边距bug当页面内有多个连续浮动时，如本页的图标列表是采用左浮动，此时设置li的左侧margin值时，在最左侧呈现双倍情况。如外边距设置为10px， 而左侧则呈现出20px，解决它的方法是在浮动元素上加上display:inline;的样式，这样就可避免双倍边距bug。2.3像素问题及...
分类：
其他好文 时间：
2015-12-30 17:07:09
阅读次数：
130
1.float属性能把网页元素移到网页（或者其他外围快）的某一侧。出现在浮动元素之后的所有HTML都能在网页中上移，环绕在浮动元素的周围。float属性接受以下3种不同的值：left（左）、right（右）和none（无）。假设要把一张图片移到网页的右侧，可以创建下面这个类样式，并把它应用到标签上：...
分类：
Web程序 时间：
2015-12-24 00:29:04
阅读次数：
282
float:left | right | none | inherit;文档流是文档中可显示对象在排列时所占用的位置。浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。clear:left | right | both | none | inherit；元素...
分类：
其他好文 时间：
2015-12-17 15:42:38
阅读次数：
108
第十二章CSS布局简介1、网页布局的类型1）固定宽度2）流式3）响应式Web设计2、CSS布局的策略1）从内容入手2）MobileFirst第十三章构建基于浮动的布局1、简单的两列浮动布局的设计步骤1）在每一列都包在一个带有ID或class属性的标签里面2）把侧边栏浮到右侧或左侧：浮动元素的HTML...
分类：
Web程序 时间：
2015-12-14 21:14:27
阅读次数：
255
清除浮动方法方法1：给父级盒子加高 给他的父级盒子一个高度，只有有高度的盒子才能关住浮动，也就是说只要这个浮动的盒子在一个有高度的父级盒子中，那么他的浮动就不会影响后面的浮动元素。方法2：clear：both； 在网页制作中，我们经常用内容来撑起父级盒子的高度，这个时候我们可以...
分类：
其他好文 时间：
2015-12-12 00:03:54
阅读次数：
235
css-兼容性问题及解决（二）1：在IE6下的文字溢出BUG：子元素的宽度和父级的宽度相差小于3px的时候,两个浮动元素中间有注释或者内嵌元素 解决办法:用div把注释或者内嵌元素用div包起来 1 2 3 4 5 无标题文档 6 11 12 13 14 15 16 &d...
分类：
Web程序 时间：
2015-12-11 20:27:12
阅读次数：
171
