我正试图摆脱桌子，但事实证明这太难了。
这是网页“http://outsidemma.com/index.php”
我不明白为什么两个绿色框在Chrome和旧版Opera上没有正确对齐。
这与firefox 3.5和IE8完美配合。
我想知道这种奇怪行为背后的原因。
答案 0 :(得分：4)
每个浏览器对Fieldset的处理方式都有很大不同。
你应该使用
<div>content</div> <ul><li>content<li></ul> 分开这些。
在这两种情况下，您都应该设置样式float:left;
答案 1 :(得分：1)
而不是display：inline-block，请尝试float：left
答案 2 :(得分：0)
正如其他人提到的那样，这是因为某些浏览器会将字段集视为具有不同的display默认值。
您可能会感兴趣的是使用像YUI重置这样的CSS基础来消除不同浏览器如何处理元素的所有不一致：
http://developer.yahoo.com/yui/reset/
YUI基础的一个好处是，如果你只想要一块，你可以单独使用YUI重置，字体和网格。您还可以使用YUI Base添加在所有浏览器中一致的默认样式。