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

默认情况下，所有HTML5个新元素均为inline。您必须为所有这些内容指定display:block，这些内容应显示为div s。

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

Answer 2

好的，我解决了，我用聪明的大脑来解决它，好吧，我只是将父元素设置为float：left，当然是section标签，和woohla，就像魅力一样

Answer 3

你可以float <section>就像<div>一样你最好给它一个width，这样漂浮物就可以了。

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

如何在html5中浮动section标签

3 个答案: