Question

我有一个div，里面有两个按钮作为| Add |和|取消|。我没有将任何宽度设置为该div，因此它们垂直显示而不是水平显示。然后我将宽度以％添加到11.5％。现在显示在moz中是正常的但不是在chrome中而且ie.i不能使用像素高度和宽度。问题由例子解释

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

|添加| //最初没有宽度 |取消|

//在moz之后宽度为11.5％

|的 _ __ _ __ _ |

 |Add| |Cancel|

//在chrome之后宽度为11.5％，即

|的 _ __ _ __ _ |

|添加| |取消|

所以你可以看到，在moz中它与上面的文本框对齐但不在ie和chrome.hope总和，即hack或chrome hack可能导致正确的结果..或者只有一个MOZ hack ..

Answer 1

这可能是因为默认情况下，如果按照自己的意愿，不同的浏览器会以不同的方式呈现内容。

您应该使用CSS重置，因此大多数浏览器的默认行为都是相同的。

Answer 2

您可以将display:inline;添加到已添加按钮和giv宽度为width:auto;的div。如果指定Div的宽度，它将不会显示在chrome中。使用px之间的空格{ {1}}。您可以使用验证工具栏验证错误。指定CSS中的错误非常有用。