이것은 나를 정신적으로 이끌고 있습니다.
내 세 번째 div (content-col-text)가 플로트 오른쪽으로 이동하지 않는 이유는 무엇입니까?
gallery-thumb-container와 정렬되어 있습니까? 오른쪽으로 이동하여 큰 이미지 컨테이너와 정렬해야합니다. 여기가 외부 div 래퍼 (엔트리 컨텐트)입니다.
나는 이상한 여백을 가지고 있습니다.플로트에서 오른쪽 상단 정렬
0
A
답변
3
주문이 잘못되었습니다. 작동하려면 아래와 같이 변경해야합니다. 다음은
코드입니다 :html로 :
<div class="large-image-container"> </div>
<div class="content-col-text"> </div>
<div class="gallery-thumb-container"> </div>
CSS의 :
.large-image-container{float:left; width:66%; background:red;}
.gallery-thumb-container{float:left; width:66%; background:yellow;}
.content-col-text{float:right; width:31%; background:green;}
바이올린 데모 :
는 당신이 clear:both;
를 사용할 때 일반적으로 이러한 상황에서, 수레가 올바르게 수정하고 제대로 작동합니다.
희망이 도움이됩니다.
1
당신의 gallery-thumb-container
가 왼쪽 수레와 large-image-container
의 오른쪽에 더 이상 공간이 없습니다로 아마 아래로 강제하고있다.
당신은 <div>
년대의 순서를 전환 시도와 세 번째
대신 content-col-text
초를 넣어 또 다른 옵션은 절대적으로 위치하는 것입니다,하지만 문서의 흐름 밖으로 걸릴 수 있습니다 ...
+0
그래, 괜찮아. 너희들이 옳았 어. 순서는 물론 도움이되었습니다. –
관련 문제
- 1. 는 오른쪽 상단
- 2. tumblr 테마의 이미지 오른쪽 상단 정렬
- 3. 오른쪽 상단 모서리 문제
- 4. graphviz를 하단에 상단 오른쪽
- 5. 왼쪽 상단 및 오른쪽 상단 버튼
- 6. 트위터 부트 스트랩 - 오른쪽 상단
- 7. 오른쪽 상단 알림 HUD 창
- 8. 오른쪽 상단 만 비뚤어 짐
- 9. 상단 정렬 이미지하여 ImageButton
- 10. 상단 폴리곤 오브젝트 정렬
- 11. 상자에 포함 된 왼쪽 상단 오른쪽 상단 위치 |
- 12. 레이어 경계선이 뷰의 오른쪽 상단 및 오른쪽 가장자리에 표시되지 않습니다.
- 13. 사용자가 이미지의 왼쪽 상단, 오른쪽 상단, 왼쪽 하단 또는 오른쪽 하단 부분을 클릭하는지 감지하고 싶습니다.
- 14. 파이어 폭스 인쇄 상단 정렬
- 15. 안드로이드 정렬 텍스트 상단 중앙
- 16. 정렬 inputboxes 기초 상단 메뉴
- 17. 오른쪽 상단 닫기 버튼을 제거하는 방법
- 18. 오른쪽 상단 모서리에 'while'루프의 내용을 배치하려면 어떻게합니까?
- 19. div의 오른쪽 상단 모서리에 img 태그 넣기
- 20. 차트 상단 오른쪽 구석에 legen을 배치하려면 어떻게해야합니까?
- 21. RelativeLayout의 뷰를 오른쪽 상단 모서리에 정렬하는 방법
- 22. 절대 위치, 오른쪽 상단 모서리 (크기 조정)
- 23. QDockWidget을 오른쪽 상단 영역에 고정하는 방법은 무엇입니까?
- 24. 오른쪽 상단 모서리에 ios 그리기 사각형
- 25. Android : 알림 바에서 오른쪽 상단 시계 수정
- 26. CSS를 사용하여 이미지 오른쪽 상단 위치 지정
- 27. 이미지의 오른쪽 상단 모서리에 문자열 그리기
- 28. 변수 Div 크기입니다. 위치 오른쪽 상단
- 29. 일식 편집 영역은 오른쪽 상단 영역으로 제한됩니다.
- 30. ComboBox의 오른쪽 상단 모서리에 희미한 이미지를 배치하십시오.
위치를 바꾸지 않는 이유는 무엇입니까? 두 번째에'content-col-text'를 넣는다. – qtgye
내가 할 일은 갤러리 - 엄지 - 컨테이너 div 위의 content-col-text div를 넣는 것 뿐이라고 생각합니다. – Parody
예 - 주문 감사합니다. –