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