1、块级元素A及其内部的块级元素B的默认宽度是100%；A使用了float后，B的宽度为B实际需要的宽度，A的宽度由B决定；B使用了display:inline-block后，B的宽度为B实际需要的宽度，A的宽度仍为100%。2、块级元素A不浮动，不设置宽高宽，其内部块级元素B浮动，会引发A塌陷。3 ...
分类：
其他好文 时间：
2019-06-02 15:50:32
阅读次数：
113
最近学习css发现了高度塌陷时候要清除浮动,为了理解清楚浮动原理,网上找了不少资料,发现都写的不是很清楚,而且都是一模一样的内容,我在里分享一下我对清楚浮动原理的理解, 如果你已经很了解什么是浮动和浮动的效果你可以直接跳转到三.如何清除浮动(重点)阅读 一.什么是浮动首先我们需要知道定位 元素在页面 ...
分类：
Web程序 时间：
2019-06-02 01:22:19
阅读次数：
135
margin塌陷，善于使用padding,而不是margin，文本属性，字体属性，
分类：
Web程序 时间：
2019-06-01 17:56:10
阅读次数：
118
css的一些内容复习 网页布局都涉及到了浮动，但是浮动会造成父标签塌陷，如何解决浮动带来的影响呢？ 剩下的css内容的补充 JavaScript的语法学习 1.JavaScript和Java的关系 所以不要错认为JavaScript和Java有某种关系 2.JavaScript的注释 注释是代码之母 ...
分类：
编程语言 时间：
2019-06-01 16:36:58
阅读次数：
106
结果为： 上面执行的代码可以看到两个经典的cssbug: father-box ：黑色盒子；son-box：绿色盒子；brother-two：黄色盒子 1、margin合并 黑色 和 黄色的盒子 都设置了 margin:20px， 按理说黑色和黄色的垂直间距是40px, 但是事实是20px, 这就是 ...
分类：
其他好文 时间：
2019-05-26 00:13:44
阅读次数：
140
1.子级标签如果有浮动，想要设置父级标签的高度，必须给父级标签把浮动清除掉，这样高度就会由子元素高度自动撑开，不会出现元素塌陷。列如下面代码：.container ul { zoom: 1;}.container ul::after { display: block; content: ""; cl ...
分类：
Web程序 时间：
2019-03-02 12:16:33
阅读次数：
299
【转】16-margin的用法 margin塌陷问题 当时说到了盒模型，盒模型包含着margin，为什么要在这里说margin呢？因为元素和元素在垂直方向上margin里面有坑。 我们来看一个例子： html结构： css样式： 当给两个标准流下兄弟盒子 设置垂直方向上的margin时，那么以较大的 ...
分类：
其他好文 时间：
2019-02-07 12:09:18
阅读次数：
185
更详细的解释请移动到： 地址1：http://www.cnblogs.com/chedabang/p/5973601.html 地址2：https://www.cnblogs.com/libin-1/p/5975367.html 盒子塌陷是什么？ 何为盒子塌陷，盒子塌陷是由于子元素浮动导致的子元素脱 ...
分类：
其他好文 时间：
2019-02-05 09:19:47
阅读次数：
366
margin塌陷 解决方法： 1、给父级顶加上一条线，不太合适。 2、bfc block format context 设定bfc后，特定的盒子会遵循另一套语法规则，解决了margin塌陷 触发bfc元素 1）position:absolute; 2）display:inline-block; 3） ...
分类：
Web程序 时间：
2019-01-31 19:15:35
阅读次数：
200
一、CSS的四种引入方式 1、行内式 2、嵌入式 3、链接式 4、导入式 注意： 导入式会在整个网页装载完后再装载CSS文件，因此这就导致了一个问题，如果网页比较大则会儿出现先显示无样式的页面，闪烁一下之后，再出现网页的样式。这是导入式固有的一个缺陷。使用链接式时与导入式不同的是它会以网页文件主体装 ...
分类：
Web程序 时间：
2019-01-30 00:16:25
阅读次数：
191
