css - H2 浮点数和动态 div

Question

大家好，这里是有问题的网站：

http://www.myvintagesecret.com/

我在首页上有很多帖子。H2 标记中的标头。除此之外，我有时会有一个名为 Clip 的 div。如果那里有一个 .clip div，我希望标题换行到下一行。

我的问题是，如果有一个 .clip div 并且有一个足够长的标题，它会将 .clip div 撞倒。我希望 H3 包装和 .clip 看起来像第一个帖子。

    .clip {
    width:214px;
    height:275px;
    float:right;
    }

        #content h2 {
    color:#1A1A1A;
    float:left;
    font-size:20px;
    margin-left:30px;
    padding:70px 0 2px 0;
}

Answer 1

为什么不直接从 h2 中删除 float:left 呢？

编辑：并确保剪辑出现在 html 中的 h2 之前...

Answer 2

试试这个：

#content h2 {
    color:#1A1A1A;
    float:left;
    font-size:20px;
    line-height:180%;
    margin-left:30px;
    max-width:335px;
    padding:70px 0 2px;
}

Answer 3

我能想到 atm 的最好方法是每次当标题太长并且您正在使用该 .clip <_< 时手动将新类添加到这个 h2

像这样的东西：

.fix{
    line-height:180% !important;
    width:336px !important;
}