html - 仅在 IE 中出现 CSS 边距问题

Question

我在公司网站 ( lexisnexis.stacklaw.com.au ) 上使用网格系统作为单个网页的响应式布局，但在 IE 中遇到了一些 CSS 问题。

jquery 插入的 [+]/[-] 链接在它们应该出现的位置上方移动 20-30 像素。 如果您在 FireFox 或 Chrome 中查看页面，它们是完全正确的。 我该如何解决这个问题？

另一个简单的问题，我怎样才能让每个部分的切换 changeclass 或者，将 [-] 移动到与展开时在同一行上？

Answer 1

对于第 1 部分，将 float:left 赋予 .sectionShort 规则。

第二个

var anchor = $("<a href=\"#\" class=\"read more\">[+]</a>").add($(this).find('h3'))
                .click(function(e){
                    //surpress the normal anchor click events
                    e.preventDefault();
                    //fire off our class switching function
                    doSwitch(thisID);
                }).filter('a');