css - 我怎样才能分开我的div？

Question

我有一个正在开发的网站，它是一个使用插件“Birchschedule”向日历添加元素的 WP 网站。

日历的月度和日显示正常，但周显示错误。名称重叠，我无法让 div 移动，似乎是插件使用了一些内联 css。

这是页面的链接 http://citywestmassage.com.au/roster/

以及错误截图: Overlapping Names

 <div class="fc-event fc-event-vert fc-event-start fc-event-end provider-3996" style="position: absolute; background-color: rgb(46, 162, 204); border-color: rgb(46, 162, 204); top: 301px !important; left: 249.69px !important; width: 35.38px !important;">
    <div class="fc-event-inner">
        <div class="fc-event-title">
            <a href="http://citywestmassage.com.au/girls/charlotte">Charlotte</a>
        </div>
    </div>
    <div class="fc-event-bg"></div>
</div>   

Answer 1

查看您提供的 HTML 片段以及开发人员工具中的标记。是的，标记具有内联样式属性。

让我们看一下样式:

• div 是绝对定位的
• 使用 !important 强制定位。

这意味着您无法在样式表中覆盖它。

内联样式属性优先于外部样式表。然后 !important 锁定样式，这意味着您无法在 CSS 中覆盖它。

如何修复

深入研究插件，看看您是否可以配置或覆盖样式行为。寻找机会注销添加内联样式的脚本或代码段。

抵制编写单独脚本的诱惑，因为它会延迟然后覆盖内联样式。为什么？那是在根本原因问题上贴上胶带。选择解决问题。

如果找不到覆盖它的方法，请联系插件作者。否则，您将需要探索与该插件不同的解决方案。