flex布局子元素边框消失

在flex布局中，子元素的边框消失可能是由于以下几种情况导致的：

1. 子元素的宽度设置为100%：当子元素的宽度设置为100%时，边框会被拉伸到与父元素一样的宽度，从而看起来边框消失了。解决方法是将子元素的宽度设置为具体数值或使用`box-sizing: border-box`来保持边框在宽度内。

2. 子元素的`flex-shrink`属性设置为0：默认情况下，子元素的`flex-shrink`属性值为1，表示子元素可以缩小以适应父容器。如果将`flex-shrink`属性值设置为0，子元素将不会缩小，可能导致边框消失。解决方法是将`flex-shrink`属性值设置为1或其他适当的值。

3. 子元素的`overflow`属性设置为`hidden`：当子元素的内容超出了父容器的宽度时，如果将子元素的`overflow`属性设置为`hidden`，则超出部分将被隐藏，包括边框。解决方法是将`overflow`属性设置为其他值，如`auto`或`scroll`。

4. 子元素的`margin`属性设置过大：如果子元素的`margin`属性设置过大，可能会导致边框被挤压或隐藏。解决方法是适当调整`margin`的值，确保边框能够显示出来。