widthを100vwに指定した場合の問題：
前提：windowsの場合
widthを100vwに指定した場合、画面からはみ出る（横スクロールバーが出る）
解決：
親に対して、overflow:hiddenをつける
コード：
React：
<Wrapper>
{children}
<Hr />
<Footer />
</Wrapper>
styled-components：
const Wrapper = styled.div`
display: flex;
flex-direction: column;
min-height: 100vh;
overflow: hidden; //ここ
`;
const Hr = styled.hr`
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
`;
↧