0

很抱歉问了很多次相同的问题..但我的情况似乎有点奇怪..我检查了所有帖子，但找不到适合我的解决方案。

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

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

在我的大屏幕上，右子在屏幕的右侧很远，左子在中间。我希望他们永远坚持彼此..在 css 中怎么可能？:(

4

6 回答 6

1

使用 display: inline-block 制作这些 div；

jsfiddle.net/pBPQ7/10/

于 2013-10-21T17:19:42.983 回答
1

检查这一点：您可以将 margin-right 添加到您的 div 并为您的父亲 div 添加宽度。

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

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

于 2013-10-21T17:22:00.173 回答
1

利用

float: right

在这两个元素上。

于 2013-10-21T17:17:39.763 回答
1

像这样？

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

只需添加一个

float:left;

二者皆是。

于 2013-10-21T17:18:00.760 回答
1

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

#father {
min-width:476px;
}

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

于 2013-10-21T17:18:32.950 回答
1

取决于你想做什么。

如果您不需要为左列或右列设置固定宽度，您可以在您的项目上添加 %。

这是您想要的示例

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;
}

否则，您可以浮动您的内容（大小相同）。这是另一个例子

另一种可能性，如果您的 div 宽度固定，则在调整大小时只能调整另一个的大小。这是一个例子

于 2013-10-21T17:22:28.717 回答