CSS div標籤浮動問題

without entering into this position. enter image description here CSS div標籤浮動問題

在調整瀏覽器，我想沒有進入先在圖中所示位置在第二張圖片顯示的結果。 http://jsfiddle.net/gtczu/19/

<div id="lft-widget" style=" border:solid red 3px"></div> 
<div id="rgt-widget" style=" border:solid blue 3px"></div> 
<div id="center-widget" style="border:solid green 1px"></div>

@charset"utf-8"; 

/* CSS Document */ 
* { 
    margin:0; 
    padding:0 
} 
a, a:hover { 
    text-decoration:none; 
    border:none 
} 

body { 
    margin:0; 
    padding:0; 
} 
#center-widget { 
    position :relative; 
    width:300px; 
    height:auto; 
    float:left; 
    padding: 5px 0 15px 30px; 
} 
#lft-widget { 
    width:234px; 
    height:auto; 
    position:relative; 
    float:right; 
    padding:25px 25px 0 0px; 
} 
#rgt-widget { 
    width:200px; 
    height:auto; 
    float:left; 
    padding: 2px 22px 72px 30px; 
    position:relative; 
}

我要的是，當我調整瀏覽器，#center-widget應該泛起的#rgt-widget底部。在這種情況下，這是成功的，但在調整大小時，它會浮動底部#lft-widget，然後浮動底部#rgt-widget。我想要它直接浮動底部#rgt-widget。

我想實現這一點。沒有進入這個位置，所以不能進入這個位置。

來源

2013-11-20 user2525244

對不起，如果我想念你的觀點，但你是否試圖執行這樣的事情：http://masonry.desandro.com/？ –

由於沒有空間可以右移，所以你的'center-widget'漂浮了， - 你爲這些元素設置了一個靜態寬度。你可以畫出你想要達到的目標嗎？比方說，你有這樣的尺寸：瀏覽器寬度：600px，左部件：200px，中心：200px，右：300px。 –

爲什麼您的左側小部件位於右側，右側小部件位於左側？ [無論如何，認爲這可能是你以後]（http://jsfiddle.net/6MWp6/） – Pete

添加

clear:left;

到中心窗口小部件CSS和它應該屬於RGT-部件DIV下，當你展開窗口。

來源

2013-11-20 15:38:13

CSS div標籤浮動問題

回答

相關問題