2016-11-12 9 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하고 최대 폭 준으로 300 픽셀 너비가 항상 300 픽셀

될 것으로는 폭 의 100 %를 소요

인라인 블록으로 유효한 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

올바른 것으로 표시 할 수 있습니다. 그리고 예 : div는 블럭 레벨 요소이므로 최대 값을 취하면됩니다. 이에 대한 자세한 내용은 Google 인라인과 차단을 참조하십시오. –

관련 문제