正常情况 如果子元素没有设置浮动（float），父元素的高度会随着子元素高度的改变而改变的。 设置浮动以后 父元素的高度不会随着子元素的高度而变化。 例如：在一个ul中定义若干个li，并设置float='left' 显示结果就会是这样： 解决办法 最简单的方法是，给父元素 ...

mozilla 对于美化 select 元素的样式有这样一段描述（用 CSS 美化 Select 元素）： 众所周知，select 元素很难用 CSS 进行高效的设计。你可以影响任何元素的某些方面 - 例如，操纵框模型，显示的字体等，你可以使用 appearance 属性来删除默认的系统 ...

最近需要做一个iframe调用其他页面内容，这个iframe地址是可变化的，但是里面的内容高度不确定且里面内容高度可调整，所以需要通过监听iframe里面body的高度变化来调整iframe的高度。 后面发现了一个好用的插件detect-element-resize.js，首先看一下这个插件 ...

情景描述：父元素由一个设置了高度的元素撑起，另一个元素自动继承父元素的高，并且两元素在一行显示。 现在情况 方法1： 　　设置父元素flex，子元素不设置高度 方法2： 　　父元素相当定位，子元素绝对定位，设置100%高 s1和s2元素都要 ...

当你设置一个页面元素的高度(height)为100%时，期望这样元素能撑满整个浏览器窗口的高度，但大多数情况下，这样的做法没有任何效果。你知道为什么height:100%不起作用吗？ 按常理，当我们用CSS的height属性定义一个元素的高度时，这个元素应该按照设定在浏览器的纵向空间里扩展相应 ...

内联元素：也称为行内元素，当多个行内元素连续排列时，他们会显示在一行里面。 内联元素的特性：本身是无法设置宽度和高度属性的，但是可以通过CSS样式来控制，达到我们想要的宽度和高度。 span举例1： 1. span元素属于内联元素，当我们直接设置了宽度和高度的时候代码及显示的结果如 ...

小颖最近做的项目中要实现一个样式 ，小颖怕自己忘记了，写个随笔记下来 需求父元素下有多个子元素，并且子元素过多时要实现自动换行，给每个子元素都加了右边框，而每个子元素里的内容多少不一定，这就会产生右边框的高度不一致，长的长短的短，为了解决这个问题，那就必须让父元素下的子元素都是等高的，并且高度 ...

解决高度塌陷问题的方法： 方法一、 方法二、 方法三、 ...