div 너비 100 %

Question

간단한 질문

테두리가있는 div를 여러 텍스트로 입력하면 div 상자는 내용의 너비만큼만 표시됩니다.

어떻게하면 div가 항상 화면 전체에 100 % 뻗어 있음을 알 수 있습니까?

IE에서 최소 너비가 작동하지 않는다고 이해합니다. 안전하고 안정적인 방법이 있습니까?

Answer 1

아니요,은 스타일 (CSS)이 변경하지 않는 한 항상 100 %의 너비를 차지합니다.
<div>은 block 요소입니다.

<div>의 표시 값을 inline으로 설정하면 콘텐츠의 너비 만 차지합니다.

예 :

otherhand에서

.myDiv 
{ 
    display: inline; 
} 

<div class="myDiv">I will take up width of my content only</div> 

,

<span>에만 해당 컨텍스트 때문에 inline 요소만큼 폭을 차지 것이다.

Here은 예입니다. jsFiddle