2011-09-14 8 views
1

내가 순서없는 목록을 사용하여, 검색 결과 목록을 만드는거야가 각 <li>는 3 개 부분으로 구성되어 내 수레 (수레)를 깨는 :너무 많은 텍스트

http://jsfiddle.net/danmofo/fYMrL/4/

는 내 문제는 그 때마다입니다 <p> 안의 텍스트가 열의 너비를 초과하면 플로트가 페이지를 계단식으로 배치하여 레이아웃을 깨뜨립니다.

어쩌면 어딘가에 작은 오류 일이 있었지만 나는 그것을 볼 수 없었습니다.

것들 내가 텍스트 폭포 때 일을 시도했다 :

  • 이 어떤 도움이 특히 기사에 링크 감사 특정 폭

정의 인라인

  • 모든 요소를 ​​만들기/몇 가지 정보 그것에 대해, 고마워.

  • +0

    왜이 콘텐츠를 표시하는 데 정렬되지 않은 목록을 사용하고 있습니까? – Wex

    +0

    우리는 이미 정렬되지 않은 목록을 사용하여 웹 사이트의 다른 섹션에 검색 결과를 표시하므로 원본 HTML을 유지합니다. – Daniel

    답변

    3

    부유 요소의 너비를 지정하거나 부동 소수점이 예상대로 작동하지 않습니다.

    뭔가

    div.left-side{ 
        float: left; 
        width:40%; 
    } 
    
    div.right-side{ 
        float:right; 
        width:20%; 
    } 
    
    +0

    너비를 추가하는 경우 +1 – Wex

    +0

    감사합니다. 이로 인해 문제가 해결되었습니다. – Daniel

    +0

    당신을 진심으로 환영합니다. – daveyfaherty

    0

    처럼 나는 문제가 페이지에서 DIV 생각합니다. 전체 줄을 차지하려는 블록 요소입니다. 이 div에 대해 스타일을 "display : inline"으로 설정하십시오.

    +0

    여전히 동일한 문제가 발생합니다. – Daniel

    관련 문제