CSS2.1的盒模型中规定的内容——Collapsing margins： 所有毗邻的两个或更多盒元素的margin将会合并为一个margin共享之。 毗邻的定义为：同级或者嵌套的盒元素，并且它们之间没有非空内容、Padding或Border分隔。 解决办法： 给父元素 ...

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

之前在使用经常遇到下面的问题： html： css： 显示结果： .one与.top之间并没有实现margin-top的效果，这个问题发生的原因是根据规范，一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距 ...

当对盒子内的子元素应用float后，导致对象父元素内有高度，不能被撑开自使用高度。这是因为对子元素使用float之后，脱离了正常流，使得父元素没有高度导致的。 解决办法： 1.为父元素设置高度：适用于知道父级高度的情况，缺点是父级元素不能自适应 2.使用clear:both清除浮动：这里注意 ...

今天，遇到了一个超级坑的问题，解决了超级久没找到解决方法，各种百度，终于在茫茫的答案中找到了，太不容易了，泪奔~~ 因此赶紧在这里记录下！！！！！ 问题：一级父元素采用flex布局，但是没有设置高度，他有三个子元素，父元素的高度是有第三个子元素的高度撑开的，现在的情况是，需要让第一个子元素 ...

解决父元素display:flex布局下的子元素宽度被压缩问题 因为设置了display: flex; 导致block布局变成了flex布局， 所以在子元素宽度没有被撑破的情况下，子元素宽度是有效的，但是当子元素内容过多，此时宽度会比实际宽度小，所以如果想要在已经设置了flex ...

父元素的盒子包含一个子元素盒子，给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值，而子元素和父元素的边距则没有发生变化。 html代码： <div class="box1"> <div class="box2">< ...

css可以通过一些选择器来实现选择父元素下某个元素的效果。 选择器有： :first-child p:first-child(first第一个 child子元素)(找第一个子元素为p) :last-child p:last-child(last倒数 child子元素)(找 ...