div에서 패딩 영역을 제거하는 방법은 무엇입니까?

내가 DIV 영역과 같이 있다고 가정합시다 :div에서 패딩 영역을 제거하는 방법은 무엇입니까?

<html> 
<head> 
</head> 

<body> 
    <div id="logo_area" style="background-color:gray;height:40px;"> 
    <div id="logo" style="float:left;margin-left:auto;margin-right:auto;width:80%;height:50%;padding-left:50px;"> 
    <img border="0" src="images.jpg" width="30" height="30"> 
    </div> 
    <div id="admin" style="padding:15px;"> 
    <a>LOG IN</a>|<a>SIGN UP</a> 
    </div> 
    </div> 
</body> 

</html>

내가 페이지 상단되기 위해 logo_area을 (즉, 회색 영역은 웹 페이지의 상단을 채우기)하고 싶다. 하지만 항상 회색 배경 주위에 흰색 패딩 영역이 있습니다.

누구나 흰 영역을 제거하는 방법을 알려 줄 수 있습니까?

감사합니다.

출처

2013-01-24 Kintarō

예를 들어 jsFiddle 페이지를 만들었습니다. 그것은 당신이 원하는대로 작동하는 것 같다 ... http://jsfiddle.net/BN57R/ – lukeocom

당신은 당신의 body 태그에 여백을 다시 설정해야합니다

body { 
    margin: 0; 
}

이 DEMO를 참조하십시오.

출처

2013-01-24 00:22:14 zakangelle

감사! 그것은 작동합니다! –

id="logo_area" 스타일에 margin:0;padding:0을 추가하십시오. 또한 body 태그에 style="margin:0;padding:0"을 추가하십시오.

또한 일반적으로 이러한 인라인 스타일보다 개별 CSS 파일을 사용하는 것이 더 좋습니다.

출처

2013-01-24 00:20:28 Mooseman

그것은 아마도 브라우저 기본값이기 때문에 귀하의 에서해야합니다. CSS 재설정 스타일 시트를 사용하십시오. –

div에서 패딩 영역을 제거하는 방법은 무엇입니까?

답변

관련 문제