html - 仅 IE 中的 CSS 边距问题

Question

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

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

另一个快速的问题，我怎样才能让每个部分也切换更改类，或者将 [-] 移动到与展开时相同的行上？

Answer 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');