什么是CSS清除浮动？ 在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而...
分类：
Web程序 时间：
2015-06-02 08:10:01
阅读次数：
169
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><t..
分类：
Web程序 时间：
2015-06-01 20:47:10
阅读次数：
116
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><t..
分类：
Web程序 时间：
2015-06-01 20:45:04
阅读次数：
105
清除浮动clear:both;--------------------当浮动对父元素有影响时(父容器装不下子元素)，清除浮动的方法：1.额外标签法：这种方法应该说是最简单的一种了，W3C建议在窗口的末尾增加一个clear:both的元素，强迫容器适应它的高度以便装下所有的float元素，如：<divid="main"&g..
分类：
其他好文 时间：
2015-06-01 20:42:41
阅读次数：
126
一、清除浮动的目的。 1、当一个父元素的高度不写或为auto时，而且这个父元素内又有浮动的子元素，那么这时候该父元素的高度将不会自动适应子元素的高度，也可以说高度是0px; 有如下代码： 123123 此代码父元素高度不设置，而且里面又有左浮动高度为300px的子...
分类：
Web程序 时间：
2015-05-30 19:47:58
阅读次数：
129
在上文《详说清除浮动》中，Kayo 较为详细地介绍了 BFC ，也就是本文的主角 Block Formatting Contexts (块级格式化上下文)，本文会基于上文关于 BFC 的部分进行拓展，进一步说明 BFC 的特性。但在进一步说明 BFC 特性之前，Kayo 首先要介绍另一个在 CSS ...
分类：
其他好文 时间：
2015-05-30 18:10:39
阅读次数：
122
1.设置父级高度这个方法比较死板，不推荐2.在父级标签结束之前，添加一个带有clear:both属性的标签，如这个方法会导致添加很多多余无意义的html标签3.在父级属性中添加override:hidden添加了override:hidden属性，相当于让父级紧贴内容，这样即可紧贴其对象内内容，推荐...
分类：
其他好文 时间：
2015-05-29 20:10:55
阅读次数：
118
引子：
在谈到css定位问题的时候先来看一个小问题:
已知宽度(假如:100px)div框,水平居中,左右两百年的分别使用div框填充.且左右div自适应.
效果如下图:
这个问题的难点主要是浏览器宽度未知,且两边div自适应宽度.
第一种实现方法,是借助css3的新属性calc,实现代码如下:
body {
margin: 0;
padding: 0;...
分类：
Web程序 时间：
2015-05-27 22:51:26
阅读次数：
294
1 2 3 4 清除浮动 5 6 40 41 42 43 44 博客的左侧45 -->46 博客的右侧47 48 博客的版权信息内容内容容内容容内容容内容容内容49 50 51 52
分类：
其他好文 时间：
2015-05-25 22:01:17
阅读次数：
124
1.最常见的垂直三列布局html代码：
left
现在可能还可以在很多老的站点上可以看到这样的代码，相当暴力有效的解决浮动的问题。但是这个用法有一个致命伤，就是每次清除浮动的时候都需要增加一个空...
分类：
其他好文 时间：
2015-05-19 13:12:08
阅读次数：
129
