CSS 지옥 퍼블리싱 ing
스크롤 다운할때 헤더 맨 위에 고정되어 있게 만들고 있었는데 굳이 offset까지 쓸 필요없이 css sticky 쓰면 걍 됨 ㅎ
css가 세상을 지배한다⚡
.header_profile{
position: sticky;
top: 0;
➕flex먹인 div에도 sticky로 고정하기
.contents_right{
position: sticky;
align-self: flex-start;
top: 200px;
}
➕ul태그 컨텐츠 넘쳐나면 flex로 세로 스크롤 생성
.memo_list{
height: 214px;
list-style: none;
overflow: auto;
display: flex;
align-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
}
로 성공했는데 머야 overflow auto만 있어도 되잖아? 맨 첨엔 안됐는데 또 뭐야
화면은 귀찮아서 나중에..
➕그 외에도 디테일한 클라이언트의 수정 요청 사항 중에 안써본 속성들 메모!
❌before : 칸이 저렇게 안맞는건 아니고 ㅋㅋ
1. textarea로 잡아둔 부분 사이즈 조절이 디폴트로 가능하게 셋팅되어있어서 유저가 사이즈 늘리면 퍼블 깨짐 ㅎ
2. textarea 클릭하면 border 활성화; 난 갠적으로 괜찮다 생각했는데 ㅎ
3. memo history부분에서 가로 스크롤은 쩜.. 내 화면에선 안보여서 몰랐다ㅜ
🔨뚝딱뚝딱..🛠
✔after :
1. 2. 두 속성 다 꺼주고
//textarea
resize: none;
outline: none;
- overflow: auto;였던 속성을
overflow-y: auto;
overflow-x: hidden;
가로 세로 나누어서 설정해줌 끗!
🌎넓디넓은 css의 세계! 퍼블리싱 넘 적성에 맞고요?
💖새로고침 당신이 없다면 나는 어찌할까
Author And Source
이 문제에 관하여(CSS 지옥 퍼블리싱 ing), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@hansol/CSS-지옥-퍼블리싱-ing저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)