html - 页脚中的列在彼此下方显示

Question

列在页脚中显示在彼此下方。尝试对每一列进行标识并在每一列中添加“float:left”——没有任何区别。而且它似乎不是那里唯一的冲突，因为即使 h4 标题也显示为段落...... 站点:http://e54.5b1.myftpupload.com/

<div id="footer">
    <div class="footerFloat">
        <h4>Header 1</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div class="footerFloat">
        <h4>Header 2</h4>
        <ul>
            <li>Line 1</li>
            <li>Line 2</li>
            <li>Line 3</li>
            <li>Line 4</li>
        </ul>
    </div>
    <div class="footerFloat">
        <h4>Header 3</h4>
        <ul>
            <li>Line 1</li>
            <li>Line 2</li>
            <li>Line 3</li>
            <li>Line 4</li>
        </ul>
    </div>
    <div class="footerFloat">
        <h4>Header 4</h4>
        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    </div>
</div>

CSS 样式:

#wrapper {
    width: 100%;    
    max-width: 980px;
    margin: auto;
} 

#footer {
    width: 100%;
} 

.footerFloat {
    width: 25%;
    float: left;
}

Answer 1

您的代码运行良好。 http://jsfiddle.net/3u5qrL4k/

.footerFloat {
width: 25%;
float: left;
}

您页面的 CSS 中没有 .footerFloat 类 http://e54.5b1.myftpupload.com/