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中的错误将非常有用。