CSS 플로트 및 여백

Question

I은 ​​예를 들면 이와 같은 HTML위한 있다면

#left 
{ 
    float: right; 
} 
#right 
{ 
    margin-left: 10px; 
} 

화면 아니라 왼쪽에서 산출 오른쪽 블록의 여유 왼쪽 div의 오른쪽 테두리에서. 왼쪽 블록의 오른쪽에서 직접 여백을 어떻게 할 수 있습니까?

Answer 1

나는 모두 가 왼쪽 부유하는 것을 선호합니다.

HTML

<div id="left"> 
    <!-- Left Content --> 
</div>​ 

<div id="right"> 
    <!-- Right Content --> 
</div> 

<div class="clear"></div> <!-- Clear the floats --> 

CSS

#left 
{ 
    float: left; 
} 

#right 
{ 
    float: left; 
    margin-left: 10px; 
} 

.clear 
{ 
    clear:both; 
} 

Answer 2

div를 뒤집어서 float: right을 모두에 적용하십시오. Working example.

<div id="right"> 
    right 
</div> 
<div id="left"> 
    left 
</div>​ 

#left 
{ 
    float: right; 
} 
#right 
{ 
    float: right; 
    margin-left: 10px; 
}​