CSS 지옥 퍼블리싱 ing

3575 단어 TILCSSCSS

스크롤 다운할때 헤더 맨 위에 고정되어 있게 만들고 있었는데 굳이 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;
  1. overflow: auto;였던 속성을
overflow-y: auto;
overflow-x: hidden;

가로 세로 나누어서 설정해줌 끗!

🌎넓디넓은 css의 세계! 퍼블리싱 넘 적성에 맞고요?
💖새로고침 당신이 없다면 나는 어찌할까

좋은 웹페이지 즐겨찾기