답변 2개
채택된 답변
+20 포인트
9년 전
</p><p><style>
.dropdown-content { float:left; }
.clear { clear:both; }
</style>
<ul>
<li class="dropdown">
<a href="#" class="dropbtn"><i class="fa fa-bars"></i></a></p><p> <div class="dropdown-content">
<a href="#">전체메뉴1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div></p><p> <div class="dropdown-content">
<a href="#">전체메뉴2</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div></p><p> <div class="dropdown-content">
<a href="#">전체메뉴3</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div></p><p> <div class="dropdown-content">
<a href="#">전체메뉴4</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div> </p><p> </li>
</ul></p><p><!-- float 끝난 이후에 float 속성 초기화 -->
<div class="clear"></div>
위 소스로 하시면될거에요.
float:left 로 해주시면 선언한 div 가 왼쪽 정렬이 됩니다. right 로 해주시면 오른쪽 정렬이 되겠죠.
그리고 float 명령어가 끝나고 clear:both 를 해주세요.
그래야 다음 행에서 float 현상이 발생하지 않습니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
sinbi9년 전
가로로 나열하고 싶은 요소에 float:left 속성을 주면 됩니다.
float 속성 사용법: http://www.homzzang.com/b/css-105" target="_self">http://www.homzzang.com/b/css-105
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
