条件： 父元素中有子元素float的话，可能就会影响父元素的高度，从而影响布局； 解决方案： 1.直接给父元素定高； 弊端：必须知道父元素的高； 2. 父元素使用overflow属性值为hidden解决； 弊端：会隐藏溢出的内容，（当需要隐藏时使用，按需使用） 为什么用这个属性可以清除浮动带来的影响 ...
分类：
其他好文 时间：
2017-10-09 22:39:44
阅读次数：
252
块的顶部外边距和底部外边距有时被组合(折叠)为单个外边距，其大小是组合到其中的最大外边距， 这种行为称为外边距塌陷(margin collapsing)，有的地方翻译为外边距合并。 1.相邻的兄弟姐妹元素 可以发现这两个段落中间的距离，不是 ”上面段落的下边距“ 与 ”下面段落的上边距“ 的 求和 ...
分类：
其他好文 时间：
2017-10-09 20:54:16
阅读次数：
136
一.在设置盒子div的子元素的外边框margin-top，子元素属性不起作用，父元素下沉： 子元素div设置了margin-top为20px；结果为： 2.设置元素的溢出修剪，overflow:hidden。说明：设置溢出修建隐藏后，可以找到盒子的边界，但这种方法会丢失一部分显示的内容，很少使用。 ...
分类：
其他好文 时间：
2017-09-25 00:57:33
阅读次数：
193
当一个父元素包含多个浮动的子元素的时候，子元素的浮动确定了他们的位置，但是子元素不会影响父元素的宽度，使父元素塌陷，从而使父元素高度为0，这个时候可以为父元素清除浮动，从而阻止父元素塌陷。 1.overflow方法 对父元素设置overflow：hidden； 但是overflow清除浮动会有一些缺 ...
分类：
Web程序 时间：
2017-09-23 13:36:08
阅读次数：
335
一.主要内容 1.布局分类;131 121 2.display属性排版 3.float属性排版（横向多列布局） 4.防止父类盒子塌陷 二.标准文档流： a>组成 块级元素（block） 内联元素（inline） b>display属性值：block、inline、inline-block、none。 ...
分类：
Web程序 时间：
2017-09-20 00:59:59
阅读次数：
363
踩方格 链接：http://ybt.ssoier.cn:8088/problem_show.php?pid=1196 【题目描述】 有一个方格矩阵，矩阵边界在无穷远处。我们做如下假设： a.每走一步时，只能从当前方格移动一格，走到某个相邻的方格上； b.走过的格子立即塌陷无法再走第二次； c.只能向 ...
分类：
其他好文 时间：
2017-09-16 13:47:01
阅读次数：
206
当父元素内都是漂浮元素时，会造成父高度塌陷的问题。(因为等同于父元素内容为空，所以长，宽都等于空) 我们想要的页面结构是： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <sty ...
分类：
Web程序 时间：
2017-09-09 19:42:06
阅读次数：
310
BFC（Block Formatting Context） 块级格式上下文 1.是一个环境，一个隔离的独立容器，与布局相关，写了html标签他就已经是一个BFC，BFC形成后，里面内容和布局和外面互不干扰。 触发BFC的条件 给父级元素设置属性 overflow：hidden。 子集 margin- ...
分类：
其他好文 时间：
2017-09-03 15:40:40
阅读次数：
153
float元素A的特点： 准确来说，是块盒子和A重叠，但块盒子内容会浮动在A周围 不会和inline元素重叠 图中显示了浮动导致的三大问题 （1）高度塌陷，父元素parent没被子浮动元素撑开 （2）浮动元素 和 块状元素 重叠 （3）文字、非块状元素img浮动在浮动元素周围（本质上这也算是第二种元 ...
分类：
Web程序 时间：
2017-08-30 15:31:10
阅读次数：
199
margin-top 塌陷 在两个不浮动的盒子嵌套时候，内部的盒子设置的margin-top会加到外边的盒子上，导致内部的盒子margin-top设置失败，解决方法如下： 1、外部盒子设置一个边框: 一般可以把边框设置成和外部元素背景相同颜色。 2、外部盒子设置 虽然没有任何实际作用，但是能解决塌陷 ...
分类：
其他好文 时间：
2017-08-25 10:57:57
阅读次数：
160
