숙제 보기전에 저는 display : flex; flex-direction : row; 속성 적용해서 했었습니다.
근데 자꾸 테두리겹침(margin-collapse 현상..?)이 나타나더라구요..
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
.row {
width: 100%;
max-width: 80%;
display: flex;
flex-direction: row;
.col-6 {
width: 50%;
padding: 15px;
border: 1px solid gray;
}
}
>> 이렇게 적용했을 때, 맞닿는 테두리가 겹칩니다.. flex속성 해결해보고싶은데 시원하게 해결하는 방법 아실까요
숙제 해설 보면 float : left; 속성으로 박스 가로 정렬해주셨는데, 따라하니까 깔끔하게 테두리 잘 나타나고 좋았습니다. 그러나 만약 flex 속성 사용할 경우에 테두리 겹침 현상을 없애려면 어떻게 해야 할까요?
구글링해보니까 눈속임으로 가리는 방법 등.. 깔끔하게 원하는 해결 방안이 없어서 도움 요청 드립니다.
