2012-04-09 9 views
2

그래서 나는이 페이지를 발행합니다. 이제 세부 정보를 확장하면 문제가 발생합니다 (제목을 클릭하기 만하면됩니다). 첨부 텍스트는 세부 정보의 두 번째 ul 아래에 표시됩니다. 문제는 첨부 파일이 자체 회선에 있어야한다는 것입니다.CSS 부동 높이

여기에 설명 된 너비가없는 부동 요소를 해결하기 위해 clearfix 메서드를 사용하고 있습니다. http://www.webtoolkit.info/css-clearfix.html : 광산은 단지 clear : right를 수행한다는 것을 제외하고는. 이제 분명히 떠 다니는 첫 번째 ul은 오른쪽으로 떠있는 두 번째 ul보다 높은 높이를 갖지만 부모 요소의 높이는 더 큰 첫 번째 ul이 아니라 두 번째 ul의 높이를 차지하는 것처럼 보입니다.

누구나 내가 뭘 잘못하고 있는지 보겠습니까?

+0

리포터 목록과 동일한 목록에 첨부 파일 제목이 있습니다.이 목록 제목은 50 % 너비로 스타일이 지정되고 오른쪽으로 떠있는 목록의 일부입니다. 이것이 기자 밑으로 떨어지는 이유이며, 자신의 영역이 아니라는 것입니다. 맨 왼쪽에 있기를 원한다면, 그 목록에서 가져와 왼쪽 목록에 넣거나, clear : left가있는 새 목록으로 만들어야합니다. –

답변

1

표시하려면 다음과 같이 부동 컨테이너를 설정해 보셨습니까? inline-table? 이렇게하면 떠 다니는 요소가 형제와의 관계에서 배치되고 주변 요소가 커지거나 크기가 축소 될 때 옮겨야합니다.

+0

이 작동하면 블록/인라인 옆에있는이 옵션의 다른 값을 더 읽어야합니다. – ryanzec