CSS浮动问题

时间:2011-02-12 09:18:46

标签: html css css-float clear

我使用浮动然后清除它们。但我仍然在布局中遇到一些错误。有人可以指出问题是什么吗?

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

我希望Sneak-peek控制div和偷窥产品div彼此相邻。我正在使用此代码使其彼此相邻

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

但是,偷偷控制在左边占据了很多边距而没有坐在上面的div区域下面

enter image description here

我希望布局看起来像这样

enter image description here

2 个答案:

答案 0 :(得分:2)

如果您将.intro-image上的高度设置为与图像大小相同的384像素,它应该有效。

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

答案 1 :(得分:1)

.sneak-peek {

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

}

应该这样做。

你也有一些问题......完成后检查IE 7。可能他们会自己清理出来。