H2 浮动和动态 Div

Question

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

http://www.myvintagesecret.com/

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

我的问题是，如果有一个 .clip div 并且有足够长的标题，它就会使 .clip div 下降。我希望 H3 能够换行并且 .clip 看起来像第 1 篇文章。

    .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;
}