我在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存在完全相同的问题
答案 0 :(得分：2)
你需要清除浮动，你可以通过添加溢出：隐藏到包裹LI的UL元素来实现。
#block_contact_form ul { overflow:hidden; }
答案 1 :(得分：2)
我用萤火虫中的css搞砸了，发现它有效：
margin-top:8px;
margin-left:33%;
答案 2 :(得分：1)
position:relative（例如：li或span）float:left设置float:right（左方向）或[type:button]（右方向）。答案 3 :(得分：0)
似乎找到了一个解决方案，但是如果不能用这种bug的css解决方案，总是可以尝试使用JQuery或普通的javascript来设置css。
$(.button input).css({margin: 8px 0 0 33%});