2011-06-15 61 views
1

我有一個float: right頂部ed div和text-align: center'ed股權在其下的頁面。是否有可能使浮動的div不會改變其他div(正下方的那個)的流動?使其他股利沒有其流動由浮動股改

這裏有兩個小提琴,顯示我所看到的東西(我都不喜歡,他們在接下來的一段解釋):
偏離中心 - >http://jsfiddle.net/5XMVt/
中心,但大洞 - >http://jsfiddle.net/CSGQn/

如果單獨留下,底部的div被浮動的div向左(不在中心)。我可以在底部div上做clear: both,但這會將其推到浮動div的下方,即使這比偏離中心更好,但它不是最理想的,因爲它會在它的正上方形成一個巨大的洞。我需要浮動的div不要改變它下面的div的流量,就像它甚至不在那裏一樣。

我也想這樣做position: absolute;但如果格被認爲是對側,當它應該是在右側,只會工作。

我想喜歡的第一個小提琴除了'應該居中'文本居然居中。

回答

2

您可以設置位置向右浮動的DIV:絕對

並設置正確:0,這將給它相同的行爲,因爲它浮動的權利。

請注意,這隻有在div必須位於頁面右側而不是容器時纔有效。

+1

小提琴的那個,http://jsfiddle.net/5XMVt/1/。我不明白你的意思是div必須在頁面的右側,而不是一個容器,雖然... – 2011-06-15 03:28:53

+0

哦,我有多愚蠢。忘了「正確」。這將是7分鐘內的答案。 – 2011-06-15 03:29:15

+0

@冷夏威夷,感謝您花時間。我的意思是,你將無法使用這種技術將它放在容器div的右側。 – willvv 2011-06-15 03:36:45

0

是的,爲什麼不你有類似的東西:

<div id="container"> 
    <div id="rightFloat"> you right floated here</div> 
    <div id="content"> your text here</div> 
</div> 

具有以下樣式:

#container { 

    } 
    #rightFloat { 
    float: right; 
    width: 200px; 
    height: 200px; 
    border: 1px solid black; 
    margin-right: 10px;  
    } 
    #content { 
    border: 1px solid black; 
    float: right; 
    clear: none; 
    margin-right: 10px; 
    } 

那應該這樣做:)