다른 엘리먼트에 무슨 일이 생기던
absoulte positioning을 한게 있으면
안변하고 있던 자리에 계속 있다.
button {
font-size: 22px;
padding: 20px;
cursor: pointer;
position: absolute;
bottom: 50px;
right: 50px;
}
예를들어 버튼을 이런식으로 absoulte positioning해주었다.
아 그리고 검색하면서 찾은건데
absoulte는 부모요소를 기준으로 배치한다고 한다
이걸 다른 위치로 바꾸게 해주려면
relative를 해줘야 한다.
body {
color: #444;
font-family: sans-serif;
border-top: 10px solid #1098ad;
position: relative;
}
한마디로 relative 로 위치잡아주고
거길 기준으로 absoulte positioning한다