如何使盒子在添加border后不会撑破父元素

2025-04-18 20:10:49

1、首先打开编辑器。

如何使盒子在添加border后不会撑破父元素

2、创建两个div,一个父元素,一个子元素。

如何使盒子在添加border后不会撑破父元素

3、创建基本css样式让他们呈现出来。

如何使盒子在添加border后不会撑破父元素

4、这个时候子元素添加border以后发生了撑破现象。

如何使盒子在添加border后不会撑破父元素

5、我们可以手动设置比较小的宽度。

如何使盒子在添加border后不会撑破父元素

6、当然如果用calc的话会更加简单一些。

如何使盒子在添加border后不会撑破父元素
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢