CSS 플로트 문제

Question

float을 사용하고 두 가지를 모두 지우고 있습니다.그러나 여전히 레이아웃에 오류가 발생했습니다.문제가 무엇인지 지적 할 수 있습니까?

http://uniquedl.com/3closets/about.html

나는 Snek-Peek Control Div를 원하고 엿봄 제품 div를 서로 옆에있는 것으로 옮길 원합니다.나는이 코드를 사용하여 서로 옆에 그것을 만들고 있습니다

.grid {
    display:inline;
    float:left;
}

.

그러나 sneek-control은 왼쪽에 많은 여백을 받아 위 DIV 블록 아래에 앉아 있지 않습니다

레이아웃이 이렇게 보이기를 원합니다

Answer 1

.intro-image에서 높이를 384px와 동일한 크기로 설정하면 작동해야합니다.

.introduction .intro-image {
    width: 288px;
    height: 384px;
}

.

Answer 2

.sneak-peek {

clear: both;
float: left;
height: 288px;
text-align: left;

.

}

는해야합니다.

당신은 또한 몇 가지 문제가 있습니다 ... 당신이 끝나면 IE 7을 확인하십시오.아마 그들은 스스로를 분리 할 것입니다.