CSS를 사업부 마진 대신 내용

Question

의 전체 사업부를 이동 난이 :

HTML

<div id="container"><div id="left"><div class="box">blahblah</div></div></div> 

CSS 내가 .box 클래스에 margin: 25px;을 추가 할 때

.box { 
    height: 200px; 
    width: 300px; 
    margin: 50px; 
    background:url(box.png) no-repeat } 
#container{ 
    width:100%; 
} 
#left{ 
    float:left; 
    width: 260px; 
    height: 600px; 
} 

, 그것은 전체 상자를 이동 페이지 전체에서 div. div (.box) 내의 콘텐츠 (blahblah)에 여백을 두려면 어떻게해야합니까?

Answer 1

이 -이 상자 크기 또는 내용 상자 주위 내부와 테두리 모서리 여기

내 공간 을 추가하는 데 도움이되는 간단한 모델입니다:

http://img199.imageshack.us/img199/4949/boxdim.png

는 CSS에서 상자 모델 2.1 사양을 살펴보십시오 : 상자 모델을 시각화더 알아보기

Answer 2

당신은 CSS 패딩 내부에 사용되는 반면, 외부 공간 제한에 대한

http://www.w3schools.com/css/css_boxmodel.asp

여백이는 "박스 모델"을 사용한다는 사실을 고려해야합니다. 난 당신이 단순히 대신 padding: 25px; 찾고있는 당신의 질문을 이해하면