使這兩個div彼此相鄰

Question

對不起，問了很多次被問過的同一個問題..但我的情況似乎有點奇怪..我檢查了所有帖子，但無法爲我找到解決方案。

http://jsfiddle.net/pBPQ7/1/這是我的代碼。

即使調整窗口大小，我也想讓rightson始終保持爲leftson。

在我的大屏幕上，權限正在遠離屏幕的右側，並在左邊留下了leftson。我希望他們總是堅持彼此..怎麼可能在CSS？ :(

Answer 1

只需爲#father設置最小寬度並使您的元素內聯。

#father { 
min-width:476px; 
} 

檢查這代碼http://jsfiddle.net/pBPQ7/15/

Answer 2

使用

float: right 

兩個元素。

Answer 3

喜歡這個？

http://jsfiddle.net/pBPQ7/5/

只需添加一個

float:left; 

二者皆是。

Answer 4

使這些div與顯示：內聯塊;

jsfiddle.net/pBPQ7/10/

Answer 5

檢查： 你可以保證金右添加到您的股利和你父親的div增加寬度。

#father div { 
display: table-cell; 
} 
#father { 
display:table; 
width:500px; 
} 

這裏的jsfiddle http://jsfiddle.net/pBPQ7/17/

Answer 6

取決於你想要做什麼。

如果您不需要爲左側或右側列設置修正寬度，則可以在項目中添加％。

Here is an example of what you want

CSS

#father{ 
    width:100%; 
} 

#leftson{ 
    width:65%; 
    background:#FFFFFF; 
    border: 1px solid #E7E6E5; 
    box-shadow: 0px 0px 35px gray; 
    float: left; 
} 
#rightson{ 
    width:30%; 
    float: left; 
    box-shadow: 0px 0px 35px gray; 
} 

否則，您可以浮動的內容（具有相同的大小）。 Here is an other example

另一種可能性，如果您有一個固定的寬度div，您可以在調整大小時僅調整另一個。 Here is an example