실습문제 5-2
WEB/TRAINNING 2017. 11. 6. 18:50 |2. position:fixed를 이용하여 다음과 같이 광고문이 항상 브라우저의 바닥에 나타나도록 작성하라.
광고문은 브라우저 폭의 100% 크기로 출력한다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>고정 배치</title> <style> #fixed { position : fixed; bottom: 0; left: 0; width : 100%; background : violet; color : blue; } </style> </head> <body> <h3>소연재</h3> <hr> 저는 체조 선수 소연재입니다. 음악을 들으면서 책읽기를 좋아합니다. 김치 찌개와 막국수 무척 좋아합니다. <div id="fixed">소연재 공연은 24일입니다.</div> </body> </html> | cs |
