CSS Div并排显示，没有设置宽度_Css_Css Float

CSS Div并排显示，没有设置宽度

css

CSS Div并排显示，没有设置宽度,css,css-float,Css,Css Float,我试图让两个div并排出现，如下所示：第一个div显示在左侧的float:left上，并根据需要占用尽可能多的空间第二个div出现在右侧float:right并占用剩余空间问题是我没有为这些div设置宽度，因此它们只会占用尽可能多的空间：我已经找到了几个解决方案，但所有这些都需要为其中一个div设置宽度，这正是我试图避免的。有什么可能的解决办法吗 #left, #right { display: table-cell; } #left { white-space: nowrap;

我试图让两个div并排出现，如下所示：

第一个div显示在左侧的float:left上，并根据需要占用尽可能多的空间
第二个div出现在右侧
```
float:right
```
并占用剩余空间

问题是我没有为这些div设置

宽度

，因此它们只会占用尽可能多的空间：

我已经找到了几个解决方案，但所有这些都需要为其中一个div设置宽度，这正是我试图避免的。有什么可能的解决办法吗

#left, #right { display: table-cell; }
#left { white-space: nowrap; }

如果左DIV填充整个屏幕宽度，会发生什么情况？正确的DIV不会掉下来吗？@tcoder:那确实是个问题。老实说，左分区永远不会占据屏幕的60%以上，但我可能不得不在右分区上使用

minwidth

，如果真的需要，只需拉伸页面即可。。。但这不应该真的发生。谢谢！这正是我想要的！：）