2012-03-06 3 views
0

나는이 테스트 페이지가 있습니다 http://www.problemio.com/problems/problem_dev.php?problem_id=225어떻게 짧은 div의 하단에있는 더 짧은 div 주위에 큰 div 래핑을 만들 수 있습니까?

을 나는 작은 사각형 광고이 (가) person't 이름 아래 왼쪽에 나타나게하려합니다. 그리고 텍스트를 오른쪽에 표시하십시오.

하지만 광고가 끝나면 텍스트 본문이 광고 아래 영역까지 확장되도록하려고합니다. 현재 해당 페이지에있는 레이아웃으로 달성 할 수 있습니까?

무엇을 조정해야합니까?

감사합니다.

ps - 필자는 인라인 CSS를 사용하고 있지만 테스트 용이라고 알고 있습니다.

답변

1

텍스트가 포함 된 <div style="float: left; width: 410px;">에이값만 지정하면 float 및 width 속성을 제거 할 수 있습니다.

또한, 당신은 당신이 나는 사람 아바타로 이미지를 둘러싸려고하고 있지 않다 height:auto;

+0

고마워요. 그냥 시도했지만 포장하지 않습니다. 어떤 아이디어가 여전히 틀릴 수도 있습니다. 감사! – GeekedOut

+0

width 및 float 속성은 여전히 ​​있지만 제거하십시오. –

+0

와우 그 일했다! 좋아요! :) – GeekedOut

1

div가 너무 많습니다. float가있는 이미지 : 왼쪽에 놓은 다음 옆에있는 텍스트를 추가하면됩니다. 그러면 자연스럽게 이미지 아래에 배치가 시작됩니다.

+0

해당을 변경할 수 있습니다 <ins> 태그에 높이를 지정했습니다. 설명 텍스트를 Google 광고와 함께 포장하려고합니다. 어떻게해야합니까? – GeekedOut

관련 문제