2016-07-02 4 views
0

나는 간단한 고정 위치 <div>에 100 % 이 있습니다. 그것은 주위에 4px margin 있습니다. 그러나 그것은 오른쪽에 여백을 보여주지 않습니다. 여기 코드입니다 :고정 부분 - 오른쪽 여백이 보이지 않음

<html> 
 

 
\t 
 
\t <body> 
 
\t \t <div style="position:fixed;height:50px;width:100%;margin:4px;background-color:black;"> 
 
\t \t \t 
 
\t \t </div> 
 
\t </body> 
 

 
</html>

+1

이 CSS는 'body {margin : 0;}'을 사용하십시오. –

답변

0

당신이해야 다음과 같은 :

<div style="position:fixed; left:0; height:50px;width:98%;margin:1%; background-color:black;"> 
test 
</div> 

그리고 그것은 여유를 가지고

<style>body{margin:0;}</style> 
1

을 다음과 같이 몸을 재설정 오른쪽에 있지만 당신은 할 수 없다. 그것이 화면의 가장자리 위로 밀려 있기 때문에 그것을보십시오. 이것은 폭이 몸체의 너비 인 100 %이기 때문입니다. 이를 해결하는 가장 좋은 방법은 top, leftright입니다.

div { 
 
    position: fixed; 
 
    height: 50px; 
 
    left: 4px; 
 
    right: 4px; 
 
    top: 4px; 
 
    background-color: black; 
 
} 
 

 
body { 
 
    margin: 0; 
 
}
<div></div>

당신은 여전히 ​​top, leftright의 형태로, 여백이이 방법.