float부분 질문이요

매일 질문만 해요. ^^;;

float:left - 이거하면, 왼쪽으로 가잖아요,

그럼, float:right - 이거하면 오른쪽으로 가는거잖아요.

음.. 그런데, 세개의 div가 있을경우 그애들을 쭈루룩 나열을 할거예요.

앞에 두개는 float:left 를 줬고요, 뒤에 한개는 float:right를 일케 주면,

그 세개는 나열이 안되나요??

위치가 틀려서요.. ㅜ_ㅜ

아시는분.....

댓글 10

  • 슬예 2026.02.08

    각각의 float 된 div 의 width 값과 감싼 div 의 width 값 계산을 한번 해 보심이.. ^^

  • 바라 2026.02.08

    음..
    div style=\width:299px;\
    div style=\width:100px; float:left;\/div
    div style=\width:100px; float:left;\/div
    div style=\width:100px; float:left;\/div
    /div
    이렇게 되면 원하는대로 값을 얻을수 없습니다.
    감싸고 있는 div 값이 안의 float 된 div 보다 width 영역이 크거나 완전

  • 장난감 2026.02.08

    근데 또 신기한건, 위에 제가 적은데로 하게 되면, 익스6에선 제대로 나열이 되어보이고, 파폭에선 마지막 한개가 또 height값 만큼 위에서 떨어진채, 나열이 되네요...

  • 맞손질 2026.02.08

    그리고 float:left 를 세군데에다가 모두 줘봤었는데, 그렇게 하면, 마지막 하나가 하단으로 떨어져요. ㅜ_ㅜ

  • 비내리던날 2026.02.08

    수다님이 말씀해주신데로하면, 1은 상단에 붙고, 3,2는 둘이 붙어있지만, 세로값이 1의 height값만큼 떨어져서 정렬이 되요. 흠흠

  • 여우By 2026.02.08

    width 값이 정해져있으면 되는듯....

  • 벚꽃 2026.02.08

    ㅇㅇ

  • 해길 2026.02.08

    3다 레프트를 주심이...

  • 초록이 2026.02.08

    모두... float:left;

  • 가람슬기 2026.02.08

    1, 2, 3 = 1 left, 2 left, 3 right

    1 left, 3 right, 2 right : 이렇게 해보심이 ^^

프로그램 개발일반 다른 글

목록