这是我对问题的抽象：http: //jsfiddle.net/BsHpj/8/
这是我在另一个有效的线程中找到的一个：http: //jsfiddle.net/QHTeS/2/
为什么他的作品我想要而我的不想要？所有帮助表示赞赏。
这是我的不太抽象的版本：http: //jsfiddle.net/nLn3A/
问问题
504 次
3 回答
4
您的版本不起作用，因为您浮动的是右侧的 div，而不是左侧的。所以左边的 div 占据了父容器的 100% 的宽度，并向下碰撞了右边的 div。如果您添加float: left;到左侧 div 和float: right;右侧 div，您应该看到它们在同一行，它们之间有一个间隙。
将浮点数视为将容器“收缩包装”到内容的大小。默认情况下，容器通常会占据父容器宽度的 100%。
于 2012-05-07T23:04:30.653 回答
3
交换左右顺序。否则第一个 div 将填充所有水平空间。
于 2012-05-07T23:04:07.523 回答
2
我相信您正在寻找的是右侧的一个固定柱和左侧的一个流体。
方法1：左右交换顺序：http: //jsfiddle.net/BsHpj/19/这种方法涉及的CSS最少，但它意味着你必须让你的HTML不那么直观。（由林海德利）
方法2：使用margin-left 和margin-right： http: //jsfiddle.net/VmaZr/14/这个方法有很好的HTML，但涉及到更多的CSS代码。（动态驱动）
方法 3：将 div 格式化为表格： http: //jsfiddle.net/BsHpj/9/易于理解，但 CSS 多一点（作者 Oswaldo Acauan）。
于 2012-05-08T09:15:54.680 回答