2012-07-01 4 views
0

나는 이것을 잘 설명하기를 희망한다. 스타일이있는 div가 있습니다. "float : right;" 이 div에는 일부 편집기 필드가있는 테이블이 있습니다. 하지만 지금은이 편집 필드 아래에 앉아있는 두 개의 텍스트 편집기 상자 (.NET MVC3 @ Html.TextAreaFor)가 필요합니다. 하지만 텍스트 편집기 상자가 페이지 중간에 나타나고 오른쪽으로 떠있는 편집기 필드 아래에 나타나지 않습니다. 텍스트 편집기를 오른쪽 플로팅 편집기 필드 아래에 표시하려면 어떻게합니까? 오른쪽 플로트 CSS 아래

는 그 아래에 있어야 블록이 같은 부모에없는 가정, 당신에게 플로트 권리와 div의 부모에 overflow:hidden을 적용 할 수

+0

아마도 각 – bresleveloper

답변

0

나는 100 % 너비를 준 두 개의 셀, 하나의 행 테이블의 오른쪽 셀에 오른쪽 정렬 된 div를 넣어서이 문제를 해결했습니다. 그러면 텍스트 편집기 필드가 100 % 너비이므로이 테이블 아래에서 강제로 다음보기가 표시됩니다. 매우 우아하지는 않지만 지금 당장 트릭을합니다.

+1

여기에서 clearfix 트릭에 대해 읽으십시오. http://nicolasgallagher.com/micro-clearfix-hack/ –

+0

흥미로운 기사입니다. 고맙습니다. 결코 이것에 관해 들리지 않았다. – elector

0

에 한번 감사드립니다. 하지만 마크 업을 보는 것이 도움이 될 것입니다.

+0

이 답변 주셔서 감사합니다 내가 하위 사업부에서 에디터 필드와 상자를 넣어 더 좋을 것 감사드립니다. 나는 이것을 시도했지만 도움이되지 않습니다. 마크 업을 게시 할 것이지만 부분 MVC 뷰를 많이 사용하며 전체 페이지는 5 개로 구성됩니다. 그리고 각각의 뷰는 다른 뷰로 뒤덮여 있으며 문제는 오른쪽 플로트 뷰 아래에 꼭 들어 맞는 마지막 뷰와 함께 나타나기 시작합니다. 마지막 뷰를 오른쪽 플로팅 된 뷰 아래에 넣을 수있는 보이지 않는 요소를 삽입하는 트릭이 있습니까? – elector

+0

제가 말할 수있는 한, 부유물을 담고있는 div는 무너지고 있습니다. 여러분은 그것을 float로 묶어야합니다. Sou 당신은 일반적인 clearfix 트릭을 사용해야합니다. –