Div自動把它的最大寬度

Question

問題是不管chat_ttc裏面是什麼，它總是300px。

段：

.chat_ttc { 
 
    max-width: 300px; 
 
    word-break: break-word; 
 
    background: #e5e5e5; 
 
    margin-left: 70px; 
 
    position: relative; 
 
    border-radius: 15px; 
 
    border-bottom-left-radius: 0px; 
 
    padding: 4px; 
 
    padding-left: 6px; 
 
    letter-spacing: 0.6; 
 
}

<div class="froma_tc"> 
 
    <div class="chat_ttc">D</div> 
 
</div>

Answer 1

雅阿它，因爲DIV是塊元素，它需要的寬度 的100％，因爲你已經給最大寬度爲300像素的寬度將始終爲300px

如果你想採取一些有效的寬度使div作爲內聯塊

檢查這個片段

.chat_ttc { 
 
    max-width: 300px; 
 

 
    display:inline-block; 
 
    word-break: break-word; 
 
    background: #e5e5e5; 
 
    margin-left: 70px; 
 
    position: relative; 
 
    border-radius: 15px; 
 
    border-bottom-left-radius: 0px; 
 
    padding: 4px; 
 
    padding-left: 6px; 
 
    letter-spacing: 0.6; 
 
}

<div class="froma_tc"> 
 
    <div class="chat_ttc">D</div> 
 
</div>

希望這有助於