如何在html5中浮动段标签

这可能是一个小问题，所以，如何浮动 - 离开<section>标签？我试图使用float: left;，但不起作用，或者是否可以垂直排列标签及其内容？如何在html5中浮动段标签

这是我的尝试。

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;}

来源

2012-08-11 Juliver Galleto

请的jsfiddle吧.. – 2012-08-11 18:02:33

好吧，我解决它，我用我的聪明，大脑解决呢，好吧，我正好被设置为浮动父元素：左，当然，部分标签，并woohla的，就像魅力

来源

2012-08-11 18:17:34

您为什么设置了段标记？ – 2016-07-27 00:21:52

所有HTML5新元素inline默认。你必须指定display:block为所有他们，应该显示为div s。

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

来源

2012-08-11 18:02:21

'所有HTML5的新元素是内联的default'你是从哪里得到这些信息？ – Musa 2012-08-11 18:10:04

@Musa特别是我的浏览器正确显示** Juliver Galleto的**代码。但浏览器将未知元素视为“内联”。所以我认为作者有一个旧的浏览器，需要指定'display'属性。 – 2012-08-11 18:17:27

只有旧的浏览器，即ie6 ie7 ie8将段看作内联元素，所有其他人将其视为块级元素 – Mark 2012-08-11 18:40:21

你可以只是float<section>就像它是一个<div> 最好你给它一个width太，以便浮标正在工作。

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

来源

2012-08-11 18:43:00 Mark

如何在html5中浮动段标签

回答

相关问题