폭 : 위치에 100 % : 절대 (CSS) 당신이 경우에

Question

:

<div style="width:auto;background:red;color:white">test</div> 

당신은 전체 화면 너비 (100 %)을 채우기 위해 뻗어 사업부를 얻을.

그것이 내가해야 할 일입니다.

그러나 시작 위치도 설정해야합니다. 따라서 위치 : 절대 값이 필요합니다.

position : absolute를 추가하면 div의 너비가 .. 내의 내용만큼 넓어집니다 (float와 유사). 이 주위에 어떤 방법이 있습니까?

나는 단순히 지정할 수 없습니다 폭이 이후 100 % .. 국경 크기 등을 설명하기에

감사합니다, 웨슬리을지지 않습니다

Answer 1

위치를 추가 할 때 절대 값은 div의 너비가 (내 수표)만큼 넓습니다 (수레와 유사). 주위에 어떤 방법이 있습니까?

단순히 폭을 지정할 수 없습니다 : 100 %이 계정 국경 크기 등에하지 않기 때문에 ..

을 당신은 position:absolute; left:0; right:0; top:0을 사용할 수 있습니다. 이처럼

:

Answer 2

당신은 폭 사용할 수 있습니다

: 100 %와 CSS 속성 상자를 IE 5.5처럼 작동하는 박스 모델, 즉 패딩과 테두리가 폭으로 계산되도록하려면 크기를 조정하십시오. 그것은 비교적 새로운 CSS3 속성입니다 만 새로운 브라우저에서 작동하므로, 그러나 http://jsfiddle.net/dJtm2/

하는 것은 조심해야합니다, 당신은 내 예에서 볼 수 있듯이 무서운 비생산적 측정이 필요합니다 여기

div.absolute { 
    width: 100%; 
    border: 5px solid #000; 
    background-color: #F00; 
    position: absolute; top: 100px; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    padding: 50px; 
} 

은 바이올린의 즉, 공급 업체 접두사입니다.

Answer 3

http://jsfiddle.net/thirtydot/yQWGV/ 간단하게 다음과 같이 쓰기 :

이 padding & border에서

div.absolute { 
    border: 5px solid #000; 
    background-color: #F00; 
    position: absolute; 
    top: 100px; 
    padding: 50px; 
    left:0; 
    right:0; 
} 

http://jsfiddle.net/dJtm2/1/

이 요소의 폭을 증가시키지.