WordPress 小部件中的 Javascript 溢出答案

【问题标题】：Javascript overflow in a widget in WordPressWordPress 小部件中的 Javascript 溢出
【发布时间】：2017-08-06 23:31:55
【问题描述】：

我在 WordPress 中使用插件增强文本小部件在侧边栏小部件中显示 Javascript。脚本运行并显示信息，但内容溢出小部件区域之外。我想将内容保留在小部件区域的范围内，并且我尝试了一些不同的 CSS 选项，但没有任何效果可以包含它。

站点是：http://dev.northwestfiretraining.com/，它位于左侧边栏的 DAILY BURN INFO 下。

谢谢！

【问题讨论】：

【解决方案1】：

您的 css 需要调整。

.burn类太宽，宽度设置固定为320px，而不是根据容器div的宽度动态（.textwidget）：

    .burn {
        width: 320px;
        background: url(images/burn_status_bkgrd.png) center no-repeat;
        height: 250px;
    }

尝试将其更改为：

    .burn {
        width: 100%;
        background: url(images/burn_status_bkgrd.png) center no-repeat;
        height: 250px;
    }

【讨论】：

【解决方案2】：

.burn
{
width: auto !important;
}

以您的风格添加此代码。

【讨论】：