我正在尝试创建带有react和styled-components的acordion。
我正在尝试更改显示：无显示：阻止并添加过渡，但它没有过渡而变化，只有当我删除样式组件上的display属性时，它才能正常工作，但是如果我可以看到div的一部分删除该财产。对不起，我的英语，谢谢
答案 0 :(得分：1)
我认为您的问题出在CSS的这一部分
const AcordionItemWrapper = styled.div`
width: 100%; // This is now 100% and not 80%
height: auto;
overflow: hidden;
background-color: blue;
`;
此更改会产生此结果。
这可确保您的darkgoldenrod标签页是其容器宽度的100％。启用后，下拉列表也将为100％。
进一步调查后，我发现了您的问题。一些标记问题，再加上浏览器在某些html元素上应用默认边距。在这种情况下，段落将应用默认边距。使用边距时，背景颜色将被忽略。
下面的链接应该是您想要的。