为什么跨度不在这个div内？

我有一个跨度范围内的两个跨度中心旁边的otherother，class inside_span up和inside_span向下，它们对齐到pulse_result_format跨度的左侧，我已经试过margin：0在脉冲结果格式范围上自动，不起作用，并显示：inline-block;为什么跨度不在这个div内？

HTML：

<div class="pulse_votes_container thumb1"> 
    <span class="pulse_vote_buttons"> 
    </span> 
    <span class="pulse_result_format"> 
     <span class='inside_span up'>{up}</span> 
     <span class='inside_span down'>{down}</span> 
    </span> 
</div>

CSS：

.inside_span { 

    display: inline-block; 
    width:40%; 
    border-radius: 3px 3px 3px 3px; 
    margin: 10% auto 0px 0px; 
    float:left; 
} 

.down { 

    background-color:#FF6E25; 
} 

.up { 

    background-color: rgb(70, 136, 71); 
} 

.pulse_result_format { 

    display: inline-block; 
    float: left; 
    width: 100%; 
    text-align: center; 

    font-weight: bold; 
    color: rgb(255, 255, 255); 
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); 
    white-space: nowrap; 
    vertical-align: baseline; 
} 

.pulse_votes_container { 

    width:100%; 
    height:100%; 
    display: inline-block; 
    text-align: center; 
}

来源

2013-03-13 John Smith

取出float:left从.inside_span

.inside_span { 
    display: inline-block; 
    width:40%; 
    border-radius: 3px 3px 3px 3px; 
    margin: 10% auto 0px 0px; 
}

jsFiddle example

来源

2013-03-13 18:51:58 j08691

为什么跨度不在这个div内？

回答

相关问题