使用CSS重組的DIV

Question

我試圖修改SMF主題 DIV1和使DIV1至上以上DIV2顯示DIV2都在html組織。 我想用css切換他們的位置，這可能嗎？我該如何實現它？

Answer 1

float:right在右側一個左一個和float:left。 它可能工作，但我不可能從你說的那個小知道。

您可能還需要把這個psuedoclass到的div之一：

:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
} 

Answer 2

隨着你給的信息條子：

DIV1和DIV2都在 舉辦HTML因此div1排在第一位，並且顯示在0122上面 div2

我假設你有一個結構like this：

<div id="container"> 
    <div id="div1">div1</div> 
    <div id="div2">div2</div> 
</div> 

可以使用absolute內relative定位做到這一點。

例如：http://jsfiddle.net/BY7v9/1/

你可以得到更具體的答案，如果你提供..更具體的細節。

Answer 3

您可以嘗試將頂部<div>加上100％高度margin，將底部加上-100％margin。這可能會讓他們交換位置。不過，它可能會有其他意想不到的後果。您可能還需要擺弄其他樣式，例如overflow，以使其正常工作。

使用position:relative;也可能工作。然後，您可以指定top兩個div來向上移動另一個。再次，這將影響其餘的佈局。如果這不起作用，position:relative;其中一個和position:absolute爲另一個可能會更好。

根據佈局，使用float可能會有所斬獲。但是，如果您的佈局尚未設置爲浮動元素，那肯定會有一些有趣的怪癖。

最壞的情況下，您可以使用position:absolute;併爲所有內容定義一個固定的位置。

幾乎所有這些選項都會遇到的主要問題是保持容器元素的大小合適。如果你可以修復這個問題的大小（或者如果它已經修復的話），那麼你的工作將變得更容易。

希望有所幫助。