使这两个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