使用float元素

Question

請看下面的代碼事業部流體：http://jsfiddle.net/B2wFZ/
如果你的分辨率是1366×768，你會看到在線路輸入與文本，儘量縮小時，輸入的是不再與文本行。如何確保div在必要時加寬最小寬度？現在，如果我更換：

width: 350px; 

與

min-width: 350px; 

寬度變爲100％。如何解決它？

Answer 1

使用min-width和應用以下propperties之一，這將導致股利「收縮包裝」到最小寬度：

display:inline-block; 
display:table; 
float:left; 
display:table-cell; 

可能還有更多。

我選擇了浮動左，但其他人也很好，尤其是如果你想中心div。

這裏演示： http://jsfiddle.net/m5UYx/

Answer 2

如何將寬度爲60％左邊的div浮起來，右邊的寬度爲40％，裏面的寬度爲100％可以取整數div。

或者你可以浮動左股利，並給第二個：

.input { position: relative; overflow: hidden; } 

Here is a an example