2011-08-24 7 views
0

두 개의 플로트 레이어를 사용하고 있으며이를 제거하려는 시도가 제대로 작동하지 않는 것 같습니다. http://cloud-catering.com/new/about.phpCSS float float

바이올린 : 여기

페이지입니다 http://jsfiddle.net/MLS1984/twrXh/

이 바이올린은 제대로하지만 문제가 표시되지 않기 때문에 사이트는 문제에 대한 더 나은 참조입니다. 나는 내가 사용하고 이유를 할 때 확실하지 않다 :

<div class="clear"></div> 

이전 수레을 취소, 목록 아래의 사진은 오른쪽에있는 모든 방법을 이동합니다. 사용

+0

들이 좌파에있어 나, 어떤 브라우저에서이 문제가 발생 했습니까? –

+0

목록 아래에 있어야합니다. 왼쪽 끝까지 가야합니다. 나는 파이어 폭스 – MLS1984

+0

을 사용하고 있습니다. 코드에 따라 정확하게 위치해야합니다. 목록이 오른쪽으로 이동하는 유일한 이유는 왼쪽 메뉴 때문입니다. 목록을 삭제하면 이미지가 왼쪽으로 계속 이동하지 않습니다. –

답변

2

모든 방법 페이지 아래로 당신의 왼쪽 메뉴를 확장하십시오. 또는 이미지의 왼쪽에 여백을 넣으십시오. 설명을 위의 내 의견을 참조하십시오.

0

시도 : pseudoclass 후 수레을 취소, 그것은 쉽게

.myDiv:after { content:''; display:block; clear:both; } 
0

나는 clearfix 트릭을 사용하는 것이 좋습니다.

clear : both | left | right를 사용하지 않으면 컨테이너에서 하위 요소를 강제로 제거하므로 오른쪽 및 왼쪽 부유 콘텐츠가있는 상황과 부유 요소가있는 중간 컨테이너에서 사용하는 것이 이상적입니다. ..

http://nicolasgallagher.com/micro-clearfix-hack/

그것은 당신이 단지 상위 페이지를 포함하려면 요소를 부동/용기를 취소 별도의 태그를 사용하는 것보다 훨씬 낫다 ....