css常见问题解决方案

盒子塌陷的原因和解决方案

塌陷一：嵌套的父子盒子

              当父子合同同时指定margin上边距，就会出现塌陷。且遵循最大值定律

     解决方案一：为父盒子定义上边框

     解决方案二：为父盒子定义上内边距

     解决发难三：可以为父元素添加 overflow:hidden

塌陷二：浮动的子盒子

              当父盒子没有设置高度（让内部元素自己撑开高度），子盒子设置浮动。父盒子出现塌陷

       解决方案一：给父盒子设置足够的高度。

 

解决图片撑开固定大小的盒子

指定图片的宽度为 width:100%;

 

文字水平垂直居中

{
     text-align: center;//水平方向上的居中
     line-height: 和盒子一样高；//行高=上边高+文字高度+下边高。line-height设置和盒子一样高，自动将文字挤压到中间
        
}

css中三角形制作（pink老师）