Browser div宽度问题…问题是跨浏览器

Browser div宽度问题…问题是跨浏览器,browser,cross-browser,width,css,Browser,Cross Browser,Width,Css,我有一个div,里面有两个按钮,分别是| Add |和| Cancel |。我没有设置任何宽度到该div的初始值,因此它们是垂直显示的,而不是水平显示的。然后我添加了%到11.5%的宽度。现在在moz中显示正常,但在chrome和ie中显示不正常。我不能在高度和宽度中使用像素。通过示例解释了问题 |_______|//文本框 |添加|//最初没有宽度 |取消| //后宽度为11.5%(以moz为单位) |_______| //在铬和ie中宽度达到11.5%后 |_______| |添加| |取消

我有一个div,里面有两个按钮,分别是| Add |和| Cancel |。我没有设置任何宽度到该div的初始值,因此它们是垂直显示的,而不是水平显示的。然后我添加了%到11.5%的宽度。现在在moz中显示正常,但在chrome和ie中显示不正常。我不能在高度和宽度中使用像素。通过示例解释了问题

|_______|//文本框

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

//后宽度为11.5%(以moz为单位)

|_______|

//在铬和ie中宽度达到11.5%后

|_______|

|添加| |取消|


因此,你可以看到,在moz中,它与上面的文本框对齐,但在ie和chrome中没有对齐。希望ie或chrome hack可能会导致正确的结果..或者只有moz hack..

这可能是因为默认情况下,如果任由不同的浏览器自行处理,则不同的浏览器呈现不同的内容

您应该使用CSS重置,以使大多数浏览器的默认行为相同


你可以给显示:内联;添加按钮的div和giv width to width:auto;。如果指定Div的宽度,它不会在chrome中显示。使用px之间的空格,如左边距:10 px。您可以使用验证工具栏验证错误。在CSS中指定错误将非常有用。

我正在使用重置CSS。但是如何在不同的浏览器中对齐它们呢?min width克服了这一问题,因为我必须对ie使用“height”并导致所有问题OK输入默认情况下是块元素,这就是它们垂直显示的原因。如果希望它们水平显示,请使它们都style='float:left;'给右边一个左边空白,这样它就不会与另一个相对。嘿,我得到了da解决方案…我将容器div浮动到右边..但是我必须明确地将按钮也浮动到右边..这很有效..谢谢你宝贵的tym。
 |Add| |Cancel|