사이드 바가 올바르게 위치하지 않음

Question

기본적으로 맨 위 오른쪽에 왜 없는지 이해할 수 없습니까? 그것이 나의 이해에 의해 비록 그것이 오른쪽 위에 있어야한다고해도 그것은 바닥에 위치한다? 자세한 코드

http://jsfiddle.net/5JhMj/

#content section { 
padding: 4%; 
width: 70%; 
float: left; 
background-color: white; 
margin-bottom:8%; 
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 

}

aside { 
width: 30%; 
float: right; 
background-color: green; 

}

Answer 1

<div class="container"> 
<aside> 
<h1>placeholder</h1> 
</aside> 
<section> 
... 
... 

처럼 당신은 당신의 마지막 섹션 요소 주위에 당신의 기사를 떠있다.

대신이 섹션을 플로팅 한 다른 컨테이너로 감 쌉니다. 그런 다음 사이드 바를 새 컨테이너 옆에 띄우십시오.

<div class="container"> 
    <div class="section-container"> 
     <section>...</section> 
    </div> 
    <aside> 
     ... 
    </aside> 
</div> 

이

.section-container{ 
    width: 70%; 
    float: left; 
} 

aside { 
    width: 29%; 
    float: right; 
    background-color: green; 
} 

바이올린 CSS 다음 ISSE 당신의 HTML에서 시작 http://jsfiddle.net/5JhMj/2/

Answer 2

간단한 솔루션

참조 JSfiddle는 section

전에 치워 버리고있다

Working Fiddle