Question

Firefox不支持在显示表格单元格上相对位置。这是我尝试过的：

HTML

<section class="lightOrangeStrip">
    <i class="icon-Chart"><img src="images/chart.png" alt="chart-icon" /></i>
    <div class="orangeContainer">
        <h4>Our Promise To You:</h4>
        <ul>
            <li>Deliver Quality, On Time Solutions</li>
            <li>Develop A Strong Long Term Business Relationship</li>
            <li>Help Your Business Grow By Reducing Any IT Overhead</li>
            <li>Ample List Of Services</li>
            <li>Tools To Help You Manage Your Client Account More Efficient</li>
        </ul>
    </div>
</section>

CSS

.lightOrangeStrip {
    width:50%;
    display:table-cell;
    vertical-align:top;
    margin:0 -3px;
    background:#f0b856;
    color:#fff;
    padding:25px 10px 25px 80px;
    position:relative;
    border-bottom:solid 1px #fff;
}
.stripWrap {
    width:100%;
    display:table;
    position:relative;
}
.lightOrangeStrip .icon-Chart {
    position:absolute;
    left:-74px;
    top:20%;
    height:54px;
    width:54px;
}

怎么了？

Answer 1

table-cell元素让元素表现得像一个元素并且它不会像利润和职位那样占据财产。

我猜你的情况可以让你的元素显示：inline-block; 然后定义位置属性。

Firefox不支持在显示表单元格上相对位置

1 个答案: