사이드 바가 올바르게 정렬되지 않는 이유는 무엇입니까?

4thSpace

아래 코드에 대해 두 가지 질문이 있습니다.

  1. 두 개의 오른쪽 div가 위로 이동하여 콘텐츠 div와 더 수직으로 정렬되지 않는 이유는 무엇입니까?

  2. "맨 오른쪽"div가 완전히 옳지 않은 이유는 무엇입니까?

CSS

.container {width:800px;}
* {border:1px solid black;}

HTML

<div class="container">
    <div>nav area</div>

<div style="width:500px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div>

<div style="float:right;width:100px;">
this is the side bar area
</div>
<div style="float:right;width:100px;">far right side</div>

<footer style="clear:both;">footer area</footer>
</div>

http://jsfiddle.net/n5xq9/

윌리엄 프라이스
  1. 부동 요소의 순서가 중요합니다. Lorem Ipsum 콘텐츠 위에 있는 두 <div>요소를 배치하면 세 가지 요소가 모두 수직으로 정렬됩니다.float: right <div>

  2. 여러 요소 float: right가있는 경우 두 요소 중 첫 번째 요소 가 가장 오른쪽에 있습니다. 순서를 바꾸려면 문서에서 순서를 반대로하십시오. 하나를 다른 것 아래에 표시하려면 먼저 높은 것을 주문하고 다른 하나를clear: right;

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Kinect 색상과 깊이가 올바르게 정렬되지 않는 이유는 무엇입니까?

분류에서Dev

이 시트가 올바르게 정렬되지 않는 이유는 무엇입니까?

분류에서Dev

PHP-array_multisort 함수가 올바르게 정렬되지 않는 이유는 무엇입니까?

분류에서Dev

단락이 이미지와 올바르게 정렬되지 않는 이유는 무엇입니까?

분류에서Dev

threadpooltest가 올바르게 실행되지 않는 이유는 무엇입니까?

분류에서Dev

내 div가 올바르게 쌓이지 않는 이유는 무엇입니까?

분류에서Dev

++가 올바르게 증가하지 않는 이유는 무엇입니까?

분류에서Dev

PEGjs가 / 올바르게 작동하지 않는 이유는 무엇입니까?

분류에서Dev

count (*)가 올바르게 작동하지 않는 이유는 무엇입니까?

분류에서Dev

총 장바구니 가격이 올바르게 계산되지 않는 이유는 무엇입니까?

분류에서Dev

내 함수가 개체 속성을 올바르게 정렬하지 않는 이유는 무엇입니까?

분류에서Dev

Emacs : 파일을 열 때 주 모드가 올바르게 설정되지 않은 이유는 무엇입니까?

분류에서Dev

버블 정렬이 배열을 올바르게 정렬하지 않는 이유는 무엇입니까?

분류에서Dev

중첩 된 사전이 목록에 올바르게 추가되지 않는 이유는 무엇입니까?

분류에서Dev

Gulp 빌드 작업이 올바르게 설정되지 않는 이유는 무엇입니까?

분류에서Dev

IF / THEN이 올바르게 작동하지 않는 이유는 무엇입니까?

분류에서Dev

행렬이 올바르게 초기화 / 인쇄되지 않는 이유는 무엇입니까?

분류에서Dev

입력 함수가 올바르게 입력되지 않는 이유는 무엇입니까?

분류에서Dev

이 onClick 이벤트가 올바르게 적용되지 않는 이유는 무엇입니까?

분류에서Dev

Carrierwave 및 MiniMagick 이미지가 올바르게 합성되지 않는 이유는 무엇입니까?

분류에서Dev

내 Python 코드가 부울을 올바르게 평가하지 않는 이유는 무엇입니까?

분류에서Dev

Acrobat에서 계산 합계가 올바르게 업데이트되지 않는 이유는 무엇입니까?

분류에서Dev

이 날짜 합계가 반응에 올바르게 표시되지 않는 이유는 무엇입니까?

분류에서Dev

내 반응 상태가 올바르게 업데이트되지 않는 이유는 무엇입니까?

분류에서Dev

상태 후크가 올바르게 업데이트되지 않는 이유는 무엇입니까?

분류에서Dev

내 후크 상태가 올바르게 업데이트되지 않는 이유는 무엇입니까?

분류에서Dev

텍스트 커서 좌표가 올바르게 업데이트되지 않는 이유는 무엇입니까?

분류에서Dev

텍스트 커서 좌표가 올바르게 업데이트되지 않는 이유는 무엇입니까?

분류에서Dev

Mapbox가지도를 올바르게로드하지 않는 이유는 무엇입니까?

Related 관련 기사

  1. 1

    Kinect 색상과 깊이가 올바르게 정렬되지 않는 이유는 무엇입니까?

  2. 2

    이 시트가 올바르게 정렬되지 않는 이유는 무엇입니까?

  3. 3

    PHP-array_multisort 함수가 올바르게 정렬되지 않는 이유는 무엇입니까?

  4. 4

    단락이 이미지와 올바르게 정렬되지 않는 이유는 무엇입니까?

  5. 5

    threadpooltest가 올바르게 실행되지 않는 이유는 무엇입니까?

  6. 6

    내 div가 올바르게 쌓이지 않는 이유는 무엇입니까?

  7. 7

    ++가 올바르게 증가하지 않는 이유는 무엇입니까?

  8. 8

    PEGjs가 / 올바르게 작동하지 않는 이유는 무엇입니까?

  9. 9

    count (*)가 올바르게 작동하지 않는 이유는 무엇입니까?

  10. 10

    총 장바구니 가격이 올바르게 계산되지 않는 이유는 무엇입니까?

  11. 11

    내 함수가 개체 속성을 올바르게 정렬하지 않는 이유는 무엇입니까?

  12. 12

    Emacs : 파일을 열 때 주 모드가 올바르게 설정되지 않은 이유는 무엇입니까?

  13. 13

    버블 정렬이 배열을 올바르게 정렬하지 않는 이유는 무엇입니까?

  14. 14

    중첩 된 사전이 목록에 올바르게 추가되지 않는 이유는 무엇입니까?

  15. 15

    Gulp 빌드 작업이 올바르게 설정되지 않는 이유는 무엇입니까?

  16. 16

    IF / THEN이 올바르게 작동하지 않는 이유는 무엇입니까?

  17. 17

    행렬이 올바르게 초기화 / 인쇄되지 않는 이유는 무엇입니까?

  18. 18

    입력 함수가 올바르게 입력되지 않는 이유는 무엇입니까?

  19. 19

    이 onClick 이벤트가 올바르게 적용되지 않는 이유는 무엇입니까?

  20. 20

    Carrierwave 및 MiniMagick 이미지가 올바르게 합성되지 않는 이유는 무엇입니까?

  21. 21

    내 Python 코드가 부울을 올바르게 평가하지 않는 이유는 무엇입니까?

  22. 22

    Acrobat에서 계산 합계가 올바르게 업데이트되지 않는 이유는 무엇입니까?

  23. 23

    이 날짜 합계가 반응에 올바르게 표시되지 않는 이유는 무엇입니까?

  24. 24

    내 반응 상태가 올바르게 업데이트되지 않는 이유는 무엇입니까?

  25. 25

    상태 후크가 올바르게 업데이트되지 않는 이유는 무엇입니까?

  26. 26

    내 후크 상태가 올바르게 업데이트되지 않는 이유는 무엇입니까?

  27. 27

    텍스트 커서 좌표가 올바르게 업데이트되지 않는 이유는 무엇입니까?

  28. 28

    텍스트 커서 좌표가 올바르게 업데이트되지 않는 이유는 무엇입니까?

  29. 29

    Mapbox가지도를 올바르게로드하지 않는 이유는 무엇입니까?

뜨겁다태그

보관