解决块状元素垂直外边距的塌陷问题

解决块状元素垂直外边距的塌陷问题

  • 我想要的图形

解决块状元素垂直外边距的塌陷问题_第1张图片

  • 实际上得到的图形

解决块状元素垂直外边距的塌陷问题_第2张图片

  • 解决方案

    1. 给定父元素边框
    2. 给父元素添加内边距
    3. 使用overflow:hidden
  • 代码如下:

    
    
    
        

你可能感兴趣的:(解决块状元素垂直外边距的塌陷问题)