使Float元素内联

时间:2014-07-15 18:11:40

标签: css css-float inline

我的页脚中有一些块,想让它们内联。但是display: block float: right它没有用,因为我也有.footer-block属性。如果我删除它,那么我的所有页脚设计都会中断。如何在不破坏设计的情况下安全地生成块内联?

以下是jsfiddle的链接:http://jsfiddle.net/GNz8d/

尝试添加宽度,高度,但它仅影响块的大小,而不影响元素的内联。

类{{1}}的元素我想要内联。

1 个答案:

答案 0 :(得分:0)

从页脚类中删除clear:

.footer-container #footer .footer-block {
    display: inline-block;
    margin-top: 45px;
}

然后将您的顶部div设置为100%宽度:

#footer #newsletter_block_left {
    float: left;
    margin-bottom: 0;
    overflow: hidden;
    padding: 13px 15px 7px;
    width: 100%;
}

http://jsfiddle.net/yffcp/2/