CHY__YHC 2021-07-28 12:38 采纳率: 100%
浏览 278
已结题

对父盒子设置边框后,会与子盒子之间有空隙该怎么解决?

对父盒子设置边框后,会与子盒子之间有空隙(上面和左边)这是为什么,该如何解决?
代码:


```css
*{
            margin: 0;
            padding: 0;
        }
        .box{
            width: 300px;
            height: 200px;
            border: 5px solid sienna;
            margin: 50px;
            font-size: 0;
        }
        .box .box1{
            width: 100%;
            height: 100%;
            background-color: red;
            position: relative;
        }


```html
  <div class="box">
        <div class="box1"></div>
    </div>

img

  • 写回答

1条回答 默认 最新

  • CSDN专家-Fay 2021-07-28 12:41
    关注

    这个是边框太大导致的,适当调小,或者给box1加个外边距0: margin:0

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 8月5日
  • 已采纳回答 7月28日
  • 创建了问题 7月28日