H2 Floats和Dynamic Div

时间:2009-09-05 19:43:21

标签: css html css-float

嘿大家,这是有问题的网站:

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

3 个答案:

答案 0 :(得分:1)

为什么不从h2中删除浮动:左边?

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

答案 1 :(得分:0)

试试这个:

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

答案 2 :(得分:0)

我能想到atm的最好方法是每当标题太长并且你使用的时候手动为这个h2添加新类.clip< _<

这样的事情:

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