0

我在使用 Google Chrome 9 时遇到了一个奇怪的问题:我为输入元素指定了左边距,但当我加载页面时 Chrome 会忽略它。

但是,当我打开开发人员工具并关闭该特定声明然后再次打开时,边距已正确应用。

有问题的规则是:

margin: 8px 0 0 33%;

我认为这可能与混合单元有关,但使用:

margin: 1% 0 0 33%;

我也有同样的问题。

我注意到问题的只有 Chrome,IE9 和 Firefox 3.6 应用边距没有任何问题。

这是一个已知问题,我该如何解决?

顺便说一句,我使用的是 Windows 7 Ultimate 64 位,我还没有测试任何其他版本/操作系统。

更新:我在 Linux / Ubuntu 10.10 中遇到了与 Chrome 9 完全相同的问题

4

4 回答 4

2

您需要清除浮动,您可以通过将溢出:隐藏添加到包装 LI 的 UL 元素来实现。

#block_contact_form ul { overflow:hidden; }
于 2011-02-24T23:00:47.943 回答
2

我在 firebug 中弄乱了 css,发现这行得通:

margin-top:8px;
margin-left:33%;
于 2011-02-24T23:02:49.507 回答
1
  1. 为父元素设置position:relative(例如:liOR span
  2. 为此输入设置float:left(对于左方向)或float:right(对于右方向)[type:button]
于 2012-11-28T23:17:06.543 回答
0

似乎已经找到了解决方案,但是如果无法针对此类错误提供 css 解决方案,则始终可以尝试使用 JQuery 或纯 javascript 设置 css。

$(.button input).css({margin: 8px 0 0 33%});
于 2011-02-24T23:46:12.173 回答