外部分不擴大到內部分

因此，我已經檢查了幾乎所有的例子，似乎沒有解決我的問題，誰能告訴我我做錯了什麼？所有我想要做的是在另一個div中有一個div，並且在一行中有文本（不是wordwrap）。問題是外部div不能正確擴展到內部div。外部分不擴大到內部分

示例代碼：

<style> 
    .container { 
     left: 10%; 
     border: 0.2vw dashed black; 
     padding: 3%; 
     position: fixed; 
     white-space: nowrap; 
    } 

    .textbox { 
     font-size: 800%; 
     padding: 10%; 
     border: 0.2vw solid red; 
     display: inline-block; 
    } 
</style> 

<div class="container"> 
    <div class="textbox" > 
     Test 
    </div> 
</div>

enter image description here

來源

2015-04-17 Wickey312

它擴大到孩子的大小，但你已經把額外的填充，所以它變得更大。 – Shikkediel

如果由於內部填充而不適合，它是不是意味着它不擴展？ – Wickey312

好吧，我想擴大你的意思是'推開'或創建空的空間，而不是適應子元素的大小... – Shikkediel

字突破是答案，而不是空白！

.container { 
    left: 10%; 
    border: 0.2vw dashed black; 
    padding: 3%; 
    position: fixed; 
    word-break:break-all; 
} 

.textbox { 
    font-size: 200%; 
    padding: inherit; 
    border: 0.2vw solid red; 
    display: inline-block; 
}

來源

2015-04-17 23:03:32 Wickey312

外部分不擴大到內部分

回答

相關問題