블로거의 콘텐츠와 사이드 바 위젯 사이의 간격은 어떻게됩니까?

Question

메인 컨텐츠와 사이드 바 사이에 여백을 추가하고, 검은 색 공간에 backgroung 이미지를 표시해야하며 테두리를 추가하고 싶지 않습니다.

내 블로그 템플릿 스크린 샷을 참조하십시오. 이미지 링크 : - http://i.stack.imgur.com/xxpfV.jpg

그래서 메인 콘텐츠와 사이드 바 사이에는 공백이 없습니다.

이 스크린 샷을 보면이 사진에서 주 콘텐츠와 사이드 바 사이에 약간의 공간이 표시됩니다. image link- http://i.stack.imgur.com/Y5bld.jpg

그래서이 공간을 추가하고 싶다면 여백과 패딩을 사용하는 방법을 아는 사람이 있습니까?

나는 간단한 흰색 블로거 템플릿을 사용하고 있으므로 어떤 클래스 또는 ID에서 CSS 코드를 추가해야합니까?

도움을 주셔서 감사합니다.

Answer 1

HTML 코드 :

는

#wrapper 
{position: fixed; 
top: 0; 
bottom: 0; 
right: 0; 
left: 0; 
display: block; 
width: 100%; 
background-color: #ffa; 
    } 

#right {position: absolute; 
border-radius: 5px 10px/10px; 
    top:5%; 
    right: 10%; 
    bottom: 0; 
    width: 17%; 
display: block; 
background-color: #ccc; 
overflow: auto; 
    } 

#left {width: 60%; height:100%; 
border-radius: 5px 10px/10px; 
margin-top:2.5%;  
margin-left: 10%; 
    margin-right: 16%; 
display: block; 
background-color: #0ff; 
overflow: auto; 
    } 

p {display: block; 
margin: 0.5em; 
padding: 0.2em 0.5em; 
    } 

위의 코드는이 이미지 http://i57.tinypic.com/29wv614.png