H2 Floats和Dynamic 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中删除浮动：左边？

编辑并确保剪辑出现在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的最好方法是每当标题太长并且你使用的时候手动为这个h2添加新类.clip＆lt; _＆lt;

这样的事情：

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