摘要: 浮动会让元素塌陷,即被浮动元素的父元素(不设置height)不具有高度。例如一个父元素包含了浮动元素,它将塌陷具有零高度,解决方法:1.在浮动元素后面定义一个div,并设置clear:both;清除浮动,同时为了解决IE6中div有高度的问题可以增加属性 height:0;overflow:hidd 阅读全文
posted @ 2016-03-24 10:34 summer323 阅读(210) 评论(0) 推荐(0)
摘要: 以下两种方式分别用float和position:absolute 实现,中间的自适应宽度都是用margin实现的,事实证明margin真的很方便! 方法1(position): 方法二(float): 完整代码地址:https://github.com/summer323/my-way-to-Fro 阅读全文
posted @ 2016-03-22 17:12 summer323 阅读(158) 评论(0) 推荐(0)
摘要: float 和 绝对定位都是根据内容的宽度而定; 相对定位和块状元素,如果不设置宽度,默认是100%(父元素) 阅读全文
posted @ 2016-03-22 14:23 summer323 阅读(278) 评论(0) 推荐(0)
摘要: 设置一个三栏式布局,要求:左右宽度固定,中间自适应占满剩余空间,并且随屏幕调整大小。父元素的高度取决于三列最高高度(效果图如上); 第一次尝试: 出现的问题:1.父元素高度并不是三列最高,而是自动加了滚动条。2.中间content并没有填满剩余空间,而且不随窗口伸缩! 原因如下:right是最高栏, 阅读全文
posted @ 2016-03-22 10:59 summer323 阅读(295) 评论(0) 推荐(0)
摘要: 学了很久的css,但是对布局一直是很捉急~ 今天看到这两篇博客,真是茅塞顿开! http://zh.learnlayout.com/toc.html http://www.barelyfitz.com/screencast/html-training/css/positioning/ 阅读全文
posted @ 2016-03-21 17:35 summer323 阅读(160) 评论(0) 推荐(0)
摘要: 该开始以为space O(1)是只能定义一个变量,后来百度才知道是就地逆置; 网上看到这个方法,感觉很巧妙,自己用js写的; 阅读全文
posted @ 2016-03-21 10:39 summer323 阅读(214) 评论(0) 推荐(0)
摘要: 前提是div在父元素中占位; 详见博客地址:http://www.cnblogs.com/DebugLZQ/archive/2011/08/09/2132381.html 阅读全文
posted @ 2016-03-16 10:18 summer323 阅读(691) 评论(0) 推荐(0)
摘要: 详见博客:http://www.cnblogs.com/polk6/p/3214847.html 阅读全文
posted @ 2016-03-16 10:00 summer323 阅读(102) 评论(0) 推荐(0)
摘要: 设置border-radius的值为width和height的1/2; 例子如下: 可以用border属性设置边框样式 例如: 阅读全文
posted @ 2016-03-15 17:05 summer323 阅读(513) 评论(0) 推荐(0)
摘要: 1.javascript引擎在运行一个js文件时,会把所有的变量声明提升到当前作用域的最前面,这叫变量声明提升。  先看一段代码 这段代码运行的结果是什么呢? 答案是:undefined 这段代码说明了两个问题, 第一,function作用域里的变量v遮盖了上层作用域变量v。代码做少些变动 输出结果 阅读全文
posted @ 2016-03-15 16:51 summer323 阅读(355) 评论(0) 推荐(0)