div宽度问题...问题是跨浏览器答案

【问题标题】：div width problem...problem is cross browserdiv宽度问题...问题是跨浏览器
【发布时间】：2011-05-02 13:33:45
【问题描述】：

我有一个 div，里面有两个按钮作为 |Add|和|取消|。我最初没有为该 div 设置任何宽度，因此它们垂直显示而不是水平显示。然后我将宽度添加到 11.5%。现在显示在 moz 中可以，但在 chrome 中不行，即我也不能使用像素高度和宽度。示例说明的问题

|_______| // 一个文本框

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

//在moz中宽度为11.5%

|_______|

 |Add| |Cancel|

//chrome和ie中宽度为11.5%后

|_______|

|添加| |取消|

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

我正在使用重置 css..但是我如何在不同的浏览器中对齐它们？？min-width 得到了超越，因为我必须为 ie 使用“高度”，它会导致所有麻烦
ok 输入默认是块元素，这就是它们垂直显示的原因。如果你想让它们水平显示，只要让它们都 style='float:left;'并给右手一个margin-left，这样它就不会与另一只手相对。
嘿，我得到了解决方案……我将容器 div 浮动到右侧……但我也必须明确浮动按钮才能向右浮动……这很有效……感谢您宝贵的 tym。

【解决方案2】：

您可以将display:inline;分配给您添加按钮的div并将宽度分配给width:auto;。如果您为Div指定宽度，它将不会在chrome中显示。使用像素之间的空格，例如margin-left:10 px。您可以使用验证工具栏验证您的错误。在 CSS 中指定错误将非常有用。

【讨论】：