2016-05-15 75 views
0

enter image description here爲什麼開發工具將此內聯元素列爲塊?

這是什麼魔法?內聯否決了所有其他規則,但它表示它是阻止的。

的代碼是下面(該問題與在div,不嵌套的跨度):

.mycaption { 
 
    position: absolute; 
 
    left:5%; 
 
    z-index: 10; 
 
    padding-top: 20px; 
 
    padding-bottom: 20px; 
 
    color: red; 
 
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6); 
 
    display: inline; 
 
    width:100%; 
 
    }
<div class="mycaption"> 
 
    <span>"Lorem ipsum dolor sit amet, consectetur adipiscing 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. 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."</span> 
 
</div>

JSBin.

+1

可能是一個浮點數。 – BoltClock

+1

您可以製作一個演示此問題的片段嗎? –

+0

增加了一個@mrlister。 BoltClock,你是什麼意思浮法?我沒有分配浮游物。 –

回答

相關問題