如何在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中浮動段標籤

回答

相關問題