很多时候子元素的浮动，会造成父元素高度塌陷 解决方法： 1.给父元素末尾添加一个空元素，并设置成清除浮动，即： <div style="clear:both;"></div> 优点：通俗易懂，易于掌握 缺点：添加了无意义标签，不易于后期维护，违背了结构和表现分离 ...

如上代码所示，父div的高度并不会随着两个子div的增高而增高。解决办法： 给父div加一个 overflow:hidden 属性即可。如下： 友情支持：http://www.tea119.com ...

转自 http://www.divcss5.com/jiqiao/j612.shtml 今天遇到一个可能你在项目里也会经常遇到的问题如下图，解决以后转载过来自己做个记录。 最外层的父级DIV不能自适应高度-不能随对象撑开没有高度 当在对象内的盒子使用了float后，导致对象本身不能被撑开 ...

记录自己遇到的坑 项目： 指 flex 布局的子元素 当在flex布局情况下，当内容超过项目大小时， 项目会被内容撑开，这种情况下，容易导致页面布局错乱。 解决办法： 给项目设定一个固定1个像素大小的宽带或者高度（取决与flex-direction的方向，横轴设定width，纵轴设定 ...

子级元素增加：align-self baseline; ...

如何使绝对定位内部元素不继承父级宽度，而是靠内容自动撑开宽度？ 经常写hover 效果的时候，不经意间，父级有宽度，而hover 里的内容是撑开的，正常情况下 hover 的宽度，不是撑开的就会继承父级的宽度：例如hover 文字撑开一行，撑开的，但是父级有宽度，就会继承父级导致hover 里 ...

在需要宽度自动撑开的元素上面添加样式： 使该元素默认不换行即可。 ...

如果父元素只包含浮动元素，且父元素未设置高度和宽度的时候。那么它的高度就会塌缩为零，也就是所谓的“高度塌陷”，如果父级元素包含背景或者边框，那么溢出的元素就不像父级元素的一部分了。解决“高度塌陷”的问题很简单： 1.浮动父级元素 如果让父级元素浮动，父级元素的高度就会扩大，直到完全包含它里面 ...