티스토리 툴바


주섬주섬2011/12/30 13:38


요즘 어린이들에게 엄청난 인기를 누리고 있는 '꼬마버스 타요' 입니다.
제 주변의 정말 많은 어린이들이 좋아하는 것 같습니다. 대형 할인마트의 어린이 코너를 가면 그 인기를 더 실감할 수 있지요~

이런 어린아이들과 눈높이를 맞추려면 적어도 이름 정도는 알아 두어야 겠지요??
저도 실제로 이 작품을 보지는 않았지만, 소재는 서울시의 버스 시스템인 '광역, 간선, 지선, 순환'버스들인 것 같더군요~
거기에 2층버스 한대 정도??

이 작품들의 이름을 보다보니 어라??? 설마??? 하는 이름의 규칙이 보여서 적어봅니다.
이름을 외울 때 연관지어서 외우면 쉽게 익힐 수 있겠단 생각도 드네요~

주인공인 간선버스 '타요'
타요는 이름 그대로 '타세요'라는 뜻인 것 같습니다.

광역버스 '가니'
가니는 빨간 버스인 만큼 '빨가니' 에서 따온 이름인 것 같습니다. 어?? 설마... 싶겠지만 다른 버스 이름들을 보면??

지선버스 '로기'
로기는 가니와 마찬가지로 '초록이' 에서 따와서 '록이'가 '로기'로 변한 것 같습니다. 점점 신빙성이 있죠??

순환버스 '라니'
'노란이' 에서 '라니'라는 이름이 나왔다면????

씨티투어 버스 '씨투'
이건 당연히 '씨티투어' 를 줄인 말이겠지요???

그 외에 택시인 '누리'
여기 저기 누리고 다닐 수 있는 기동력이 있으니까!
저작자 표시 비영리 동일 조건 변경 허락
Posted by 비손

어떤 상자 안에 또 상자가 있는 형태일 때!!


안에 있는 상자를 float 하면???


이렇게 됩니다.
녹색 상자가 파란색 상자를 덮을만큼 길어지면 좋겠는데... 그럼 이걸 어떻게 해결할까요???


바로 이런 모습으로~

해결법은!!!

파란 상자의 id가 'blue' 일 때!!

<style type="text/css">
#blue:after {
    clear:both;
    display:block;
    content:"";
}
</style>

로 스타일을 정의해 주는 것입니다. 간단하지만 유용하고 자주 쓰일 수 있는 방법인 것 같습니다.

출처: http://www.positioniseverything.net/easyclearing.html
저작자 표시 비영리 동일 조건 변경 허락
Posted by 비손