CSS浮动清除问题答案

【问题标题】：CSS float clearing issueCSS浮动清除问题
【发布时间】：2020-07-09 18:17:20
【问题描述】：

我正在使用浮点数，然后将两者都清除。但我仍然在布局中遇到一些错误。有人能指出问题所在吗？

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

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

但是 sneek-control 向左占用了很多边距，而不是位于上面的 div 块下方

我希望布局看起来像这样

【问题讨论】：

【解决方案1】：

如果您将 .intro-image 上的高度设置为 384 像素，则与图像大小相同。

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

【讨论】：

【解决方案2】：

.sneak-peek {

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

}

应该这样做。

你也有一些问题...完成后检查 IE 7。恐怕他们会自己清理掉。

【讨论】：