div寬度問題...問題是跨瀏覽器

Question

我有一個div裏面有兩個按鈕作爲|添加|和|取消|。我沒有設置任何寬度的div，因此他們被垂直顯示，而不是水平。然後我增加寬度在％到11.5％。現在顯示在moz中可以正常使用，但不能在chrome中使用，ie.i也不能使用像素身高或寬度。問題通過示例說明

---

| _ __ _ __ _ | //文本框

| Add | //最初沒有寬度 |取消|

//後在MOZ

---

寬度至11.5％| _ __ _ __ _ |

|Add| |Cancel| 

寬度//後在鉻11.5％和IE

---

| _ __ _ __ _ |

| Add | |取消|

，這樣你們可以看到，在萬盎司它對準上述文本框而不是在IE和chrome.hope總和即黑客或黑客鉻可能導致正確result..or只有一個MOZ黑客..

Answer 1

這可能是因爲默認情況下，如果留給自己的意願，不同的瀏覽器呈現不同的東西。

您應該使用CSS重置，以便大多數瀏覽器的默認行爲將相同。

Have a look here

Answer 2

你可以給display:inline;您添加按鈕和GIV寬度width:auto;股利。如果你指定事業部的寬度，它會不會像margin-left:10 px。你PX之間chrome.Use空間展示可以使用驗證工具欄驗證您的錯誤。指定CSS中的錯誤將非常有用。