html5에서 섹션 태그를 플로팅하는 방법

Question

이것은 아주 쉬운 질문 일 수 있습니다. 따라서 플로트하는 방법 - <section> 태그를 남겼습니까? float: left;을 사용하려고했지만 작동하지 않거나 태그의 내용과 함께 태그를 세로로 정렬 할 수 있습니까?

여기 내 시도입니다.

html.

<div id="divcontent"> 
    <section> 
     <h1>heyo</h1> 
     <a href="dropitinmyass.html" ><p>asdasdasdasd</p></a> 
    </section> 
    <section> 
     <h1>heyo</h1> 
     <a href="dropitinmyass.html" ><p>asdasdasdasd</p></a> 
    </section> 
    <section> 
     <h1>heyo</h1> 
     <a href="dropitinmyass.html" ><p>asdasdasdasd</p></a> 
    </section> 
</div> 

여기에 CSS가 있습니다.

#divcontent {overflow: auto; padding: 15px;} 
#divcontent section {float:left; width: 300px;} 

Answer 1

좋아, 내가 그것을 해결하고 난 내 머리가 좋은 뇌와 그것을 해결, 괜찮아, 난 그냥 떠있는 부모 요소를 설정는 : 왼쪽 물론 섹션에 태그 및 woohla의 매력

처럼 작동

Answer 2

모든 HTML5 새로운 요소는 기본적으로 inline 있습니다. display:block을 모두 지정해야하며 div으로 표시되어야합니다.

#divcontent {overflow: auto; padding: 15px;} 
#divcontent section {display: block; float: left; width: 300px;} 

Answer 3

그냥 float<section>처럼 <div> 너무 좋으므로 플로트가 작동합니다.

section { 
    float: left; 
    width: 200px; 
    display: block; /* for old browsers */ 
}