补充： 一， float 使父元素高度坍塌的原因 ： 子元素使用 float 后，使其脱离文档流 。 使父元素检测不到其尺寸。 二，5种解决方案 ： 1，为父元素设置高度 ， 缺陷是 ：不灵活 2，为父元素设置 float , 缺陷是 ：使父元素也脱离 ...

前言 那是一个很久之前的故事了。。。之前我一直认为CSS最重要的是布局，将一个图片很好的以网页显示出来就是王道。 但是，经过后来慢慢入门后，才发现其实布局感觉不是很难了，倒是行内元素这个家伙深藏不露。 行内元素属于那种很仁慈的主，你了解他你能做得更好，你不了解他，你的页面也不会过于乱，所以我 ...

高度坍塌：浮动元素布局导致的问题 高度坍塌的根源：浮动盒子脱离了常规流，因此常规流盒子进行高度计算时，不会考虑浮动盒子的高度。 index.html 效果展示： .container的div元素没有将10个.sub的div元素包裹 ...

一、浮动产生原因 一般浮动是什么情况呢？一般是一个盒子里使用了CSS float浮动属性，导致父级对象盒子不能被撑开，这样CSS float浮动就产生了。 本来两个黑色对象盒子是在红色盒子内，因为对两个黑色盒子使用了float浮动，所以两个黑色盒子产生了浮动 ...

1，块级元素和行内元素的区别 是否独占一行 是否填满父元素 设置宽高是否有效 设置padding-top padding-bottom是否有效 设置margin-top margin-bottom是否有效 设置 ...

CSS时候什么也不知道，于是我们从书上、博客上获取了很多知识，那么我们是不是也应该形成自己的世界观呢？我们 ...

溢出 css溢出示意如图，子元素（背景为粉色）的长度或宽度超出父元素（背景为绿色）。 通过为父元素赋 overflow：hidden 样式可将子元素超出父元素的部分隐藏起来。 也可为父元素赋 overflow：auto 或 overflow：scroll 样式来裁剪子元素，使其 ...

在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高. 但是当为子元素设置浮动以后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷.由于父元素的高度塌陷了，则父元素下的所有元素都会向上移动，这样将会导致页面布局混乱. 解决办法 ...