일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
Tags
- Tanstack Query
- 2522
- 동기
- javascript
- 한글이 두 번 입력됨
- __proto__ 접근자 프로퍼티
- 유클리드 호제법
- C++
- 알고리즘
- 한글 입력 시 이벤트 두 번 발생
- 메타버스
- float: right
- 함수 객체의 프로퍼티
- 자바스크립트
- 낙관적 업데이트
- 파이썬
- css
- dp
- 시간
- 프로그래밍
- 비동기
- 9610
- python
- 최소공배수
- 백준
- backtracking
- 동적 계획법
- prototype 프로퍼티
- 백준 9610번 파이썬 문제 풀이
- 백트래킹
Archives
- Today
- Total
염딩코
[CSS] div내 요소 중 float:right 이탈 문제 해결 본문
![](https://t1.daumcdn.net/keditor/emoticon/friends1/large/009.gif)
오늘은 trello-clone을 하던 중 발생한 에러에 대해서 알아보려고 합니다!
제가 예전에 작업한 프로젝트인 trello-clone입니다. To do list에서 수정 버튼을 추가해줬고,
문자열이 특정 길이가 되면 수정버튼이 아래로 이탈하는 경우가 있었습니다.
위와 같이 이탈하는 경우였습니다.
해결 방법은 간단했습니다.
html을 작성할 때,
오른쪽 영역의 코드와 가운데 영역의 코드의 순서를 바꿔주면 해결이 되었습니다.
참고
'Front-End > CSS' 카테고리의 다른 글
[CSS] display: flex와 float: right가 함께 적용되지 않을 때 (0) | 2023.06.20 |
---|---|
[CSS] vw, vh란? (0) | 2023.04.10 |
Flexbox의 모든 것 (display: flex) (0) | 2023.02.15 |
Layout: display와 position (0) | 2023.02.13 |
Selector란? (feat. margin, padding) (1) | 2023.02.12 |