Css div对齐

Question

我想呈现HTML选择框。 我有3 Div的内部表格单元格。 价值

当表扩展leftDiv的排列和rightDiv是OK。但是，当 表缩小到两个div的大小（leftDiv & rightDiv）时，右Div显示在左Div下方。

如何让这两个Div一直粘在一起？

Answer 1

您有几种选择：

1. 有2个div的宽度设置为相对或百分比（例如50％或4x％）
2. 将表格单元格（td）的最小宽度设置为2个子div的一个或多个。
   min-width: xxxx;

可能有几个方法，你可以谷歌。

Answer 2

您可以用百分比指定leftDiv & rightDiv的宽度，而不是像素

.leftDiv {width: 50%} 
.rightDiv {width: 50%} 

Answer 3

设置空白：NOWRAP上的表格单元格。和白色空间：正常的divs自己。

td.myClass { 
    white-space: nowrap; 
} 
#leftDiv , #rightDiv { whitespace: normal } 

Answer 4

还是这个，如果你的表格单元格（在我的例子100像素）的固定宽度：

.leftDiv{width:50px;float:left;} 
.rightDiv{width:50px;float:right;}