我在做Javascript DOM编程艺术的时候，在12章自己做练习时遇到了一个问题，<a>的内容<img>从<a>的盒子中溢出。代码如下： <a href="../images/photos/concert.jpg" title="The crowd goes wild"> <img src=". ...
分类：
Web程序 时间：
2016-09-04 23:53:46
阅读次数：
215
小 W 走迷宫【问题描述】小 W 被小 M 困在了一个方格矩阵迷宫里，矩阵边界在无穷远处，我们做出如下的假设：a. 每走一步时，只能从当前方格移动一格，走到某个相邻的方格上；b. 走过的格子立即塌陷无法再走第二次；c. 只能向北、东、西三个方向走。小 W 走了没多久就累坏了，他很想知道如果允许在方格... ...
分类：
其他好文 时间：
2016-08-22 21:44:59
阅读次数：
382
相信很多同学在学习CSS的float属性时，会有很多说不清道不明的小情绪，我也遇到一些，暂且mark一下。 以下内容分为如下小节： 1：float属性 2：float属性的特性 2.1：float之文字环绕效果 2.2：float之父元素高度塌陷 3：清除浮动的方法 3.1：html法 3.2：cs ...
分类：
Web程序 时间：
2016-08-20 19:22:26
阅读次数：
193
float 优点： 横向排列时比较方便，不存在浏览器兼容问题。 缺点： 1）多行横向排行时，换行后经常不能顶行显示。 2）浮动后会跳出当前流，造成父元素高度塌陷，解决办法比较成熟统一 ，不存在浏览器兼容问题。 inline-block 缺点：最大的问题就是在不同的浏览器下，解决空白间隙的方法会不同， ...
分类：
其他好文 时间：
2016-08-18 13:00:31
阅读次数：
146
1：float属性 2：float属性的特性 2.1：float之文字环绕效果 2.2：float之父元素高度塌陷 3：清除浮动的方法 3.1：html法 3.2：css伪元素法 4：float去空格化 5：float元素块状化 6：float流体布局 6.1：单侧固定 6.2：DOM与显示位置不同 ...
分类：
Web程序 时间：
2016-08-18 09:54:27
阅读次数：
188
我们来看看CSS重要属性--float。 以下内容分为如下小节： 1：float属性 2：float属性的特性 2.1：float之文字环绕效果 2.2：float之父元素高度塌陷 3：清除浮动的方法 3.1：html法 3.2：css伪元素法 4：float去空格化 5：float元素块状化 6： ...
分类：
Web程序 时间：
2016-08-18 00:51:10
阅读次数：
259
1. float 设计的初衷 Float 设计的初衷是为了文字环绕的效果 使得文字可以围绕着 图片。就像下面这样 2. float 的包裹和 破坏 A) 包裹性 和 破坏性 例如下图 我们原本是希望是这样的 为什么出现上面的情况呢 因为 float具有破坏性 导致父容器的 高度塌陷。 我们可以使用为 ...
分类：
Web程序 时间：
2016-08-11 00:57:50
阅读次数：
190
css float父元素高度塌陷 float 使父元素高度塌陷不是BUG,反而是标准。 float 原本是为了解决文字环绕才出现的。 当然有的时候要解决高度塌陷的问题 以下几个方法可以解决float 父元素高度消失/塌陷的问题 更好的方法是 ...
分类：
Web程序 时间：
2016-07-13 15:47:57
阅读次数：
179
使用浮动(float)的一个比较疑惑的事情是他们怎么影响包含他们的父元素的。如果父元素只包含浮动元素，且父元素未设置高度和宽度的时候。那么它的高度就会塌缩为零。如果父元素不包含任何的可见背景，这个问题会很难被注意到，但是这是一个很重要的问题。在这里我们可以称为“塌陷”。如下图： 解决塌陷有以下三种方 ...
分类：
其他好文 时间：
2016-06-19 18:18:55
阅读次数：
101
浮动会导致父元素塌陷如图： 解决办法： 父元素overflow：hidden，如图 末尾插入子元素clear，如图 为甚么，父元素overflow：hidden会解决塌陷问题？ 来自知乎貘吃馍香的回答 overflow:hidden 的意思是超出的部分要裁切隐藏掉 那么如果 float 的元素不占普 ...
分类：
其他好文 时间：
2016-06-06 21:57:56
阅读次数：
155
