使这两个div彼此相邻

时间:2013-10-21 17:13:49

标签: html css html5 css3

很抱歉问了很多次问过同样的问题..但我的情况似乎有点奇怪..我检查了所有帖子,但无法找到解决方案。

http://jsfiddle.net/pBPQ7/1/这是我的代码。

即使您调整窗口大小,我也希望rightson始终坚持leftson

在我的大屏幕中,权利人正在屏幕的右侧远离leftson。我希望他们永远坚持彼此..在CSS中怎么可能? :(

6 个答案:

答案 0 :(得分:1)

使用

float: right 

两个元素。

答案 1 :(得分:1)

喜欢这个吗?

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

只需添加一个

float:left; 

两者兼而有之。

答案 2 :(得分:1)

只需为您的#father设置一个最小宽度,并使您的元素内联。

#father {
min-width:476px;
}

检查此代码http://jsfiddle.net/pBPQ7/15/

答案 3 :(得分:1)

使用display:inline-block创建这些div;

jsfiddle.net/pBPQ7/10 /

答案 4 :(得分:1)

检查一下: 你可以为你的div添加margin-right并为你父亲div添加宽度。

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

这是jsfiddle http://jsfiddle.net/pBPQ7/17/

答案 5 :(得分:1)

取决于你想做什么。

如果您不需要为左侧或右侧列添加固定宽度,则可以在项目上添加%。

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