테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

html 2개의 div 화면 오른쪽으로 몰은후 세로로 정렬하기 채택완료

wp02201 4년 전 조회 2,632
답변 3
목록

html 에서 2개의 div를 생성하면 화면 왼쪽으로 해서 세로(수직)로 생성이 됩니다.

 

이 두 div에 float:right 를 부여하면 오른쪽으로 가로(수평)로 생성이 되고요

 

혹시 이 두 div를 화면 오른쪽에서 세로로 생성이 되게 하는 방법이 있을까요?

 

초보라서 잘모릅니다 구글링해도 잘 안나오네요

 

답변 부탁드립니다

 

이런 형식으로 구성하고 싶습니다 ㅠ

#html
댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
s
sinbi Expert
4년 전

clear:both; 속성 추가해 보세요.

https://homzzang.com/b/css-106

https://codepen.io/sinbi/pen/jOmvpBm

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

비

<div style=display:flex;justify-content:flex-end;width:500px;padding:10px;background-color:yellow>
    <div>
        <div style=width:100px;height:100px;background-color:red></div>
        <div style=width:100px;height:100px;background-color:blue;margin-top:10px></div>
    </div>
<div>

 

구글링하셔서 display:flex 와 justify-content 를 한번 찾아 보세요.

예제에서는 클래스나 아이디를 주지 않고 막코딩했습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

j
jayz
4년 전

블럭요소라 

전체 감싸고 있는 박스에

text-align : right ;

 

주면 오른쪽으로 붙을거에요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인