"채우기 부모"에 대한 CSS

Question

나는 단순히 관계없이이 무엇인지, 부모의 폭을 채우기가하고 싶은 DOM의 항목이 : 나는 filler 클래스의 폭과 일치하는지 CSS에 지정할 수있는 방법

<div width="800"> 
    <div class="filler"></div> 
</div> 

을 그 부모의?

.filler { 
    ? 
} 

Answer 1

시도 : width: 100%;?

Answer 2

div는 블록 요소이며 기본적으로 부모를 채 웁니다.
float:left 또는 float:right 또는 display:inline을 사용하지 않았거나 부모님이 800px가 아닐 경우에만 사용하십시오.
(아마도 width="800" 대신 style="width:800px" 또는 width="800px"으로 시도해야합니다.)
일반적으로 어떻게 작동하는지 보려면 테두리를 넣으십시오.

Answer 3

블로킹이 발생하지 않는 한 div 및 p과 같은 블록 수준 요소는 항상 해당 컨테이너의 전체 너비를 채 웁니다. span 또는 a과 같은 인라인 요소가있는 경우 블록 수준 요소로 바꾸려면 display: block으로 스타일을 지정할 수 있지만이 경우에도 앞뒤에 줄 바꿈을 넣습니다.

Answer 4

내부 항목에 따라 다양한 접근 방식이 있습니다.

블록 레벨 요소 (단락, div 등) 인 경우 컨테이너의 너비를 100 % 채우기 위해 자동으로 조정됩니다.

인라인 요소 인 경우 너무 좋지 않으므로 블록 수준 요소로 변환 할 때까지 width:100%을 허용하지 않습니다 : display:block.

플로팅 요소는 특수한 경우이며 블록 수준 요소 일지라도 내부 내용의 너비에만 적용됩니다. 그들은 width:100%이 필요합니다.

절대적으로 배치 된 요소는 더욱 까다롭기 때문에 width:100%이 필요하지만 컨테이너에는 위치 지정 컨텍스트도 필요합니다. position:relative. 그건하지만, 당신이 원하는 너무 경우`100 % 모든 사가지 경우

예 : 기본적으로 http://jsfiddle.net/dD7E4/