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

YAAそのdivがブロック要素であり、あなたが300ピクセル幅と最大幅を与えているとして、それは幅 の100％をとることは、常に300ピクセル

になりますので、

インラインブロックとして有効な幅の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>

希望はこれが助けたの