2016-11-12 56 views
1

問題は何が内部にあるかにかかわらずchat_ttc常に300pxになります。Divは自動的に最大幅をとります

スニペット:

.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>

答えて

2

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>

希望はこれが助けたの

+0

感謝を助けます! – Papaa

+1

正しいものとしてマークすることができます。そしてyes:divはブロックレベルの要素なので、最大値を取るとします。これについては、Googleのインライン対ブロックを参照してください。 –

関連する問題